I am trying to unlock a block here - http://blockbuilder.org/syntagmatic/05a5b0897a48890133beb59c815bd953
What I want to do is the mouseover event, select the selected rows from the data table and show the corresponding paths in the parallel coordinate as the selected ones.
I am trying to do this here to create a new path with a larger line width -
d3.select("#grid").datum(data.slice(0,10)).call(grid).selectAll(".row")
.on("mouseover", function(d) { render.invalidate();
ctx.lineWidth = 3; render([d]); })
.on("mouseout", function(d){ });
where, as indicated in the block render, is defined as -
var render = renderQueue(draw).rate(50);
So, how to remove / hide / reduce the opacity of all the other points to highlight the selected paths.
source
share