linked selection

http://stackoverflow.com/questions/16308717/link-network-diagram-with-table-on-mouseover

JavaScript

data = [
    {"class": "A", "name": "Alexander"},
    {"class": "A", "name": "Adam"},
    {"class": "B", "name": "Betty"},
    {"class": "B", "name": "Bertha"},
    {"class": "C", "name": "Carlos"},
    {"class": "D", "name": "Desdemona"}];


var svg = d3.select('body').append('svg');

var table = svg.selectAll('rect').data(data).enter().append('rect');




table.on("mouseover", function(d) { 
    d3.select(this).attr("fill","#ffeeee");
    
    d3.selectAll("circle." + d["class"])
        .attr('stroke','red')
        .attr('stroke-width', 3);    
})
.on("mouseout", function(d) { 
    d3.select(this).attr("fill","#fefefe");
    d3.selectAll("circle." + d["class"])
        .attr('stroke','black')
        .attr('stroke-width', 1);



});