Select a tool/method for generating Sankey diagrams

[MattF-NSIDC]

An example webapp using d3 with draggable elements and own custom format for defining nodes and connections:

https://sankeymatic.com/build/ https://github.com/nowthis/sankeymatic

[MattF-NSIDC]

An example webapp using d3 with draggable elements and JSON import/export.

http://sankey-diagram-generator.acquireprocure.com/

I don't see a GitHub link but the "credits" copy says that the code isn't minified or uglified. We could analyze in the browser.

[MattF-NSIDC]

Google Charts uses D3 (https://developers.google.com/chart/interactive/docs/gallery/sankey) with no support for positioning elements or attributes on nodes.

[MattF-NSIDC]

Highcharts supports Sankey diagrams: https://www.highcharts.com/demo/sankey-diagram

Features:

• Ability to select a node (https://api.highcharts.com/highcharts/plotOptions.sankey.allowPointSelect)
• Labels (attributes) for nodes and connections (https://api.highcharts.com/highcharts/plotOptions.sankey.dataLabels)

Not supported

• Dragging ( I think )

[MattF-NSIDC]

Plotly JS supports Sankey diagrams: https://plotly.com/javascript/sankey-diagram/

Features:

• Draggability
• Supports cycles (we don't need this, right?)
• Custom node data (https://plotly.com/javascript/reference/sankey/#sankey-node-customdata)
• Custom link data (https://plotly.com/javascript/reference/sankey/#sankey-link-customdata)
• Selecting multiple nodes (https://plotly.com/javascript/reference/sankey/#sankey-selectedpoints)

[MattF-NSIDC]

Official D3 Sankey example: https://d3-graph-gallery.com/graph/sankey_basic.html

[MattF-NSIDC]

GoJS is a Javascript library with Sankey support that's priced fairly exorbitantly https://gojs.net/latest/samples/sankey.html

[MattF-NSIDC]

Useful example of recursive highlighting selected node in D3: http://bl.ocks.org/git-ashish/8959771

:weary: this is clearly a Gist that's been mirrored by another site. How to find the original Gist?

[jwfuller]

Original https://gist.github.com/git-ashish/8959771