JSFiddle - React, Tailwind, and code Playground

by djatha

HTML

<script src="//cdn.jsdelivr.net/snap.svg/0.2.0/snap.svg.js"></script>
<svg id="drawing"></svg>

JavaScript

var drawing = Snap("#drawing");

function draw_circles() {
    var coords = [12, 23, 435, 56, 67, 78, 7, 90];
    var r = 5;

    for (var i = 0; i < coords.length - 1; i = i + 2) {
        drawing.circle(
        coords[i],
        coords[i + 1],
        r).attr({
            'fill': 'red',
                'stroke': 'blue'
        });
    };
};

draw_circles();