chartsAndDataViz
Flow diagram with highlighted path
A three-column node diagram joined by ribbons whose thickness represents volume, drawn as bezier curves that split each node's height without overlapping. Hovering a ribbon or a node highlights its full path end to end, upstream and downstream, dimming the rest and showing the percentage that path represents.
See it live and copy its promptWhat you can adjust
- Nodes per column
- Ribbon curvature
- Resting opacity
- Accent color
- Node spacing
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
