Streamgraph code ported to JavaScript

Lee Byron open-sourced his streamgraph code in Processing about a month ago. Jason Sundram has taken that and ported it to JavaScript, using Processing.js.

The algorithms are the same as that in the original, but of course the natural benefit is that people don’t need Java to run it their browsers. Jason has also added a few features including dynamic sizing, more straightforward settings, and some interaction with zoom and hover control. Really nice work.

Grab the code, plus examples on GitHub.

[Thanks, Jason]

4 Comments

  • Nathan,

    Thanks very much for the link – very exciting work being done here! Streamgraphs to my eye are very captivating data expressions, more elegantly evolved than the stacked-area chart-type; and I never saw them until today!

    You commented last month that you had started work on a port to actionScript; how far did you get, and does seeing this javaScript port refresh your perspective on how best to do it?

    The reason I ask is that seeing this inspires me to work on a port to Flex/ActionScript, for a major Flex charting project we have upcoming, where streamgrpahs would be a tremendous improvement over area charts. The Flex charting API provides a good foundation, but it definitely needs customization. So the first thing I’m doing is evaluating the general scope (and whether or not I need to use other Flex APIs like Degrafa and/or Axiis – I’m betting I will).

    many thanks!
    -ped

Favorites

Interactive: When Do Americans Leave For Work?

We don’t all start our work days at the same time, despite what morning rush hour might have you think.

10 Best Data Visualization Projects of 2015

These are my picks for the best of 2015. As usual, they could easily appear in a different order on a different day, and there are projects not on the list that were also excellent.

A Day in the Life of Americans

I wanted to see how daily patterns emerge at the individual level and how a person’s entire day plays out. So I simulated 1,000 of them.

Watching the growth of Walmart – now with 100% more Sam’s Club

The ever so popular Walmart growth map gets an update, and yes, it still looks like a wildfire. Sam’s Club follows soon after, although not nearly as vigorously.