JSFiddle - React, Tailwind, and code Playground

by hammerbrostime

JavaScript

var myData = [11, 22, 33, 44, 55];

var svgViewport = d3.select("body").append("svg").attr("width", "400").attr("height", "400"); 
var circleSelection = svgViewport.selectAll("circle").data(myData); 
var circleElements = circleSelection.enter().append("circle"); 
circleElements.attr("cx",function(d,i) { return d * 5; }).attr("cy","100").attr("r","25");

function greenRed(d,i) {
    if (i % 2 === 0 ) { return "green"; }
    else {return "red"; }
}
alert(greenRed(1,2));
alert(greenRed(2,3));
alert(greenRed(4,5));
alert(greenRed(6,7));