d3.js - d3js サークルは、指定された色の onclick 属性なしで同じ位置で点滅する必要があります

Question

d3js を使用して円をアニメートする方法。円は、指定された色の onclick 属性なしで同じ位置で点滅する必要があります 円は、指定された色の onclick 属性なしで同じ位置で点滅する必要があります

csv ファイルを解析するために d3.csv() を使用しています。およびデータ描画円によると。columheader META の値が YES の場合、ヘッダーに対応する d3.csv("data/loaddata.csv", function(data) {

var visual = canvas.selectAll("circle")
.data(data)
.enter()
.append("svg:circle")
.transition()
.delay(1)
.duration(1500)

.attr("cx",function(d)
{
var matches =0;
var input =d.source;
var total_len = gene.length; 
for( var i=0; i<total_len; i++)
{
if(gene[i]==input)
{
matches++;
}
}
if(matches==0)
{
xscale =70;
gene.push(d.source);

}
else
{
xscale=xscale+xspace; 
}
return xscale;
})
.attr("cy",function(d)
{

var matches =0;
var input =d.source;

var total_len = geney.length; 
for( var i=0; i<total_len; i++)
{
if(gene[i]==input)
{
matches++;
}
}
if(matches==0){yscale =yscale+xspace;   geney.push(d.source);}return yscale;})
.attr("r",function(d)
{

    var radius =15;
    return radius;
})

.style("fill", 
function(d)
{
var fcolor ="lightgrey";

return fcolor;
}
)
.style("stroke-width","2px") 
.style("stroke", 
function(d)
{
var strokecolor='red';
return strokecolor;
}
)

}