Sorting algorithm

[eprokhodtsev]

Dear author!

Appreciate your work, it's really a state of art tool!

But I have an issue with the way it sorts the flows of diagram, it makes a lot of crossings (please see the screenshot here). If you could give a tip where to look - would really appreciate it!

If you want to contact me - please write on e.prokhodtsev@gmail.com

Thank you in advance!
Best regards!

[wvengen]

Hi, thanks for your message! Computing the positions is done using d3-plugin-sankey (unless the spread option is used), it may be useful to ask there.
I would be open to adjustments to positioning (like spread in _spreadNodes), in case someone would like to develop it.

[eprokhodtsev]

Thank you for your answer!

Could you please tell a bit more about _spreadNodes method? where this method could be added to? Please see the code below

Thank you in advance!
Best regards!

var chart = d3.select("#chart").append("svg").chart("Sankey.Path"); 
chart 
.name(label) 
.colorNodes(function(name, node) { 
return color(node, 1) || colors.fallback; 
}) 
.colorLinks(function(link) { 
return "#c2c3c4"; 
}) 
.nodeWidth(15) 
.nodePadding(paddingnode) 
.spread(false) 
.iterations(32) 
.alignLabel('start') 
.alignLabel((n) => n.x > 20 ? 'end' : 'start') 
.draw(myjson);

[wvengen]

_spreadNodes is called after arranging nodes if .spread(true) is present (not in your example)

[wvengen]

My suggestion would be look to into d3-plugin-sankey's code and see if you can customize that. Or you can try sorting your data before drawing it - that may result in a different layout.