I am trying to fork a block from here - http://blockbuilder.org/syntagmatic/05a5b0897a48890133beb59c815bd953
What I want to do is on mouseover event, highlight the selected rows from the data table & show the respective paths in parallel coordinate as highlighted.
I am trying to do this here to create a new path with bigger 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 specified in block render
is defined as -
var render = renderQueue(draw).rate(50);
So, how do I remove / hide / reduce all other points opacity to highlight the selected paths.