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();