data-visualization-lectures / sankeymatic

Make Beautiful Flow Diagrams

SankeyMATIC

Make Beautiful Flow Diagrams

A Sankey diagram builder for everyone

• Describe your data using text.
• Customize your diagram's appearance interactively.
• Export a finished product as a PNG image and as SVG code.
• Export/import your work in progress as readable (and diff-able) plain text files.

Hosted and available for use at: http://sankeymatic.com/build/

Follow @[email protected] on Mastodon for news and updates.

Produced by Steve Bogart (@[email protected])

Packages used:

• d3.js version 7.x
• Canvg 3.0.9

Background:

SankeyMATIC was inspired by the big energy flow diagram in d3's gallery of examples (visible these days at ObservableHQ).

Initially built on a fork of that very d3 Sankey library and evolving from there, SankeyMATIC is intended to make it possible for anyone with a web browser to generate complex and beautiful flow diagrams while requiring zero knowledge of coding.