DEV Community

Cover image for Built a Sankey Diagram with React Flow
Jannatul Ferdous Maisha
Jannatul Ferdous Maisha

Posted on

Built a Sankey Diagram with React Flow

Hey everyone 👋

I’ve been experimenting with React Flow lately and ended up building a Sankey Diagram style project with it.

Wanted to see how far React Flow could be pushed beyond the usual workflow builders or node editors, especially for data visualization where flow size and relationships matter.

It was a fun challenge figuring out things like:

  • structuring nodes and links cleanly
  • handling dynamic connections
  • making the layout readable
  • showing flow values visually
  • keeping interactions smooth as the graph grows
  • One thing I like about React Flow is how flexible it is for building things beyond standard automation interfaces.

Still refining it, but wanted to share with you guys about the progress

Live demo: https://sankey-reactflow.vercel.app/

Top comments (1)

Some comments may only be visible to logged-in visitors. Sign in to view all comments.