Page top Previous Homepage Next |
Stream GraphDescriptionAlso known as a ThemeRiver. This visualisation is a variation of a Stacked Area Graph, but instead of plotting values against a fixed, straight axis, a Stream Graph has values displaced around a varying central baseline. Stream Graphs display the changes in data over time of different categories through flowing, organic shapes that somewhat resemble a river-like stream. This makes Stream Graphs aesthetically pleasing and more engaging. In a Stream Graph, the size of each stream shape is proportional to the values in each category. The axis that a Stream Graph flows parallel to, is used for the timescale. Colour can be used to either distinguish each category or to visualise an additional quantitative variable by varying the colour shade. Stream Graphs are ideal for displaying high-volume datasets to discover trends and patterns changing over time across a range of different categories. For example, seasonal peaks and troughs in the stream shape can suggest a periodic pattern. A Stream Graph could also be used to visualise the volatility over time for a large group of assets. The downside to Stream Graphs is that they suffer from legibility issues, as they are often very cluttered with large datasets. The categories with smaller values are often drowned out to make way for categories with much larger values, making it impossible to see all the data. Also, it's impossible to read the exact values visualised in a Stream Graph, as there is no value axis to use as a reference. Therefore, Stream Graphs should be reserved for audiences who don’t intend to spend much time deciphering the graph and exploring its data. Stream Graphs are better for giving a more general view of the data. They also tend to work significantly better as interactive pieces rather than static or printed graphics. FunctionsData over time
Patterns
AnatomySimilar ChartsTools to Generate Visualisation
Code-based:
Apache ECharts (JS)
Bob Rudis' GitHub (R)
JSFiddle (JS)
Lee Byron's GitHub (Processing)
NVD3.js (D3.js)
Observable (D3.js)
Streamgraph generator (D3.js)
Vega-Lite
ZingChart (JS)
Check out our fast-paced, data visualisation-themed card game:Merchandise & other related dataviz products can be found at the store. |