Sankey diagram

[kuklas]

New feature, i dont think PF has this

Describe the feature
We (Cost management) are looking for Sankey diagram. Competitors are using it in Cost world. Cloudability is using it in the True cost explorer
https://technickle.medium.com/thinking-differently-about-sankey-95eae229a82d

PM requested it for the feature, and I believe its useful beyond the feature for everyone that is working with observability. Just not sure about PF and charts, do we create our own or do we use third party?

https://mermaid.js.org/syntax/sankey.html
https://issues.redhat.com/browse/COST-5330

[kuklas]

https://nivo.rocks/sankey/

[kuklas]

https://github.com/orgs/patternfly/discussions/5864

[tlabaj]

cc @dlabrecq @andrew-ronaldson

[dlabrecq]

Victory does not currently support sankey. However, I recommend using Apache ECharts for this particular chart.

I'll take a look at wrapping this chart with our existing PatternFly themes. Customizing tooltips to look like PatternFly will be a challenge.

[pgarciaq]

I recommend NOT using Mermaid JS, which is completely broken. See mermaid-js/mermaid#5684 and linked issues.

SankeyMatic is open source (ISC license) and worked pretty well for me
https://sankeymatic.com/
https://github.com/nowthis/sankeymatic