syntagmatic nutrient parallel coordinate chart hig

2019-01-15 22:47发布

问题:

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.