Skip to main content
100%

Sankey fork

✓ Published0🌍 Public
Ssp212
Last edited Jan 21, 2023
Created on Jan 18, 2023

This example displays the flow of values between cities using a fork-like structure, where multiple inputs split into numerous outputs across several stages. The visualization uses the D3.js Sankey plugin to layout and render the graph, with the `d3.sankey` function calculating node positions and link depths. The code defines a custom color scheme and uses SVG elements for drawing, with interactive features like hover effects on links and draggable nodes. Data is loaded from a JSON file containing city names and their connections, which is then processed and fed into the layout algorithm for rendering as a React component.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes