Pulsating Nodes

by ashishsingh

HTML

<div id="nodes"></div>

JavaScript

var nodes = [20, 20, 20];

d3.select("#nodes")
    .append("svg")
    .selectAll("circle")
    .data(nodes)
    .enter()
    .append("circle")
    .attr("id",function(d,i){
        return i+1;
    })
    .attr("r",15)
    .attr("cx", function(d,i){
        return (i+1)*40;
    })
    .attr("cy", function(d,i){
        return (i+1)*40;
    })
    .style("fill","teal");

setInterval(function(){
    d3.select("circle")
        .transition()
        .duration(500)
        .style("fill","green")
        //.delay(500)
        .style("fill","teal");
},1000);