GE Data Visualization. Streamgraph.js. Streamgraphs are cool. They’re great at displaying trends in data over time, similar to a stacked graph, but much prettier. The first one I saw was Lee Byron’s Last.fm listening history graphic, a beautiful poster showing trends in the music he had listened to over the course of two years. The New York Times used an interactive streamgraph (created by Matthew Bloch and Shawn Carter) to great effect to show box office receipts over 22 years in The Ebb and Flow of Movies. When Lee Byron & Martin Wattenberg open-sourced their streamgraph implementation in Java and Processing, I was pretty excited. I’ve posted the code on github. The major things I added are: Dynamic sizing (sized to fit the Canvas element it’s on)Settings.
Streamgraph.js doesn’t quite have feature parity with the interactive flash streamgraph shown in The Ebb and Flow of Movies, but I would like it to get there. Here are some screenshots of streamgraphs.js in action. Byron & Wattenberg’s Late Onset example. Blprnt.blg | Jer Thorp. Moritz.stefaner.eu - / Colorful data | information design. Pitch Interactive, Inc., Flash programming and Data Visualization.