Home / Flow and Network
Flow and Network in HTML and JavaScript
Some data is about connections: where people go next, who knows whom, how a company or a website is organized. These charts show flows between steps, links between people and the shape of hierarchies. Every layout, from the Sankey bands to the force directed network, is written in plain JavaScript in a single HTML file.
051. Sankey Diagram
Example: website visitors from source to landing page to outcome
052. Chord Diagram
Example: customers switching between five phone networks
053. Arc Diagram
Example: characters who share scenes in a novel
054. Network Graph
Example: who runs with whom in a running club
055. Alluvial Diagram
Example: customers changing plans over three years
056. Tree Diagram
Example: a garden centre website map with monthly visits
057. Dendrogram
Example: grocery items that shoppers buy together
058. Org Chart
Example: the team structure of a design studio
059. Flowchart
Example: how an online shop handles a return request