Skip to content

Simple streamgraph Code sample

Published: at 03:13 PM

A streamgraph is a cool way to visualize data over time, showing how different categories stack up and change. Imagine flowing, colorful streams that represent various data points—each stream’s width indicates how much of that category is present at any given moment.

They’re super handy for tracking trends, whether it’s social media buzz, economic shifts, or population changes. The organic, wavy shapes not only make the data easy to read but also look pretty awesome. If you’re looking to show how things evolve over time in a visually engaging way, streamgraphs are definitely worth checking out!

Here’s a  simple code sample to create a streamgraph in D3.js. I found that there were not enough samples around showing how to make this graph and what kind of data is required. It is based on the sample on this Stackoverflow topic.


Previous Post
Introduction to ShapeJS
Next Post
SnakeOut v0.9