JSFiddle - React, Tailwind, and code Playground

by Igor Cuckovic

HTML

<body></body>

JavaScript

var data = [10];



var canvas = d3.select("body")
    .append("svg")
    .attr("width", 500)
    .attr("height", 500);

var circle1 = canvas.append("circle")
    .attr("cx", 50)
    .attr("cy", 100)
    .attr("r", 25);    

var circle2 = canvas.append("circle")
    .attr("cx", 50)
    .attr("cy", 200)
    .attr("r", 25); 

var circles = canvas.selectAll("circle")
    .data(data)
    .attr("fill", "green")
    .exit()
            .attr("fill", "blue");