New Diagram Style: Sankey diagrams

[contentfree]

Sankey diagrams are great for showing flows between different elements.

For example, see https://i.stack.imgur.com/cYsNT.png

Seems like a wonderful candidate for Mermaid and I hope you'll consider it.

[nirname]

I would gladly implement these, I was looking to that direction for quite a time. Having no experience with d3 directly, I have had some with parsers. So I'd like to hear syntax proposals from the community before I dive in.

However author of d3 already provide us with something, which is usually a csv, like this one:

Nuclear,Thermal,50
Gas,Thermal,10,orange
Solid,Thermal,30,green
Thermal,Losses,60
Thermal,Electricity,30

These values are not converted to percentage, these are just values. Link colors are not limited to simply colors, they can have some transition, as well as attributes of links are not limited to colors only. Apart from this, there are some graph-specified attributes links and nodes sort, margins, alignments, etc.

Currently I am researching on that topic

[nirname]

I also would like to use Docker for local development https://github.com/orgs/mermaid-js/discussions/4479

[nirname]

I've opened a new issue for that

[nirname]

I don't know if there is a way to mark discussion as resolved, but I have implemented first Sankey diagram prototype

[Yokozuna59]

You can close the discussion; if the category was Q&A then you could mark the comment as answered, but it's not, so closing it would be enough.

[Yokozuna59]

It has been implemented in #4502 by @nirname and merged, you'll be able to use it in the next release.