Sankey.Path Highlight full path

[mnelsonCASE]

Is there anyway with the Sankey.Path variant to highlight the full path from the first source to the last target? Right now, i am unable to get it to function as such.

I really would need the path to highlight as indicated by the red arrow in the above picture.

Thanks for any advice

[wvengen]

Sorry for not responding earlier, somehow I've missed these notifications. At the moment, this is not supported. Even in the example above, Hazelnuts has small lines to all mid-nodes, which would highlight but the most right non-Hazelnut paths; so with this data, the feature wouldn't be of much use.

When not all right endnodes would be connected to all mid-nodes, this would be a useful feature. Or, it would be possible to select highlighted paths exceeding a threshold value. I haven't been able to find a solution that would work for the general case with many connections.

A starting point would be path.js, if you'd like to experiment, e.g. by making getConnectionsNode a bit smarter.

[nvogler]

Changing this statement in getConnectionsNode in d3.chart.sankey.js worked for me.

if ((direction == "source" && o.sourceLinks.length > 2) || direction == "both") { o.targetLinks.forEach(function(p) { links = links.concat(getConnectionsLink(p, direction)); }); }

to

if ((direction == "source" && o.sourceLinks.length > 0) || direction == "both") { o.targetLinks.forEach(function(p) { links = links.concat(getConnectionsLink(p, direction)); }); }

[karayakar]

addition to that @nvogler you can include;

if ((direction == "source" && o.sourceLinks.length > 0) || direction == "both") {
o.targetLinks.forEach(function (p) { links = links.concat(getConnectionsLink(p, direction)); });
}
if ((direction == "target" && o.targetLinks.length > 0) || direction == "both") {
o.sourceLinks.forEach(function (p) { links = links.concat(getConnectionsLink(p, direction)); });
}