JSFiddle - React, Tailwind, and code Playground

by Gabriel Z

JavaScript

var data=[[20,20],[40,40],[60,60]];

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

svg.selectAll("circle")
    .data(data)
    .enter().append("circle")
        .attr("class", "node")
        .attr("fill", "blue")
        .attr("r", "4.5px")
         .attr("cx", function (d, i) { return d[0]; })
         .attr("cy", function (d, i) { return d[1]; });

svg.selectAll("text")
            .data(data)
            .enter().append("text")
            .attr("class", "node")
            .attr("fill", "red")
            .attr("dx", function (d, i) { return d[0]; })
            .attr("dy", function (d, i) { return d[1]; })
            .text("Circle");