Pics or it didn't happen

Pics or it didn’t happen

It’s May again (I know, I don’t know how that happened either, except that it followed April, and don’t get me started on April). Among other things, May is home to the “IronMan in May” competition at my place of work. The goal is to complete a sum of distances equivalent to an IronMan triathlon in the span of 31 days: 26 miles running, 2.4 miles swimming, and 112 miles biking. It’s a fun challenge and makes for a nice opportunity to mix up my workout routine, especially since I’m really, really not much of a runner.

And of course it means data to keep track of! There’s a paper chart on the wall at work, but who would want to use that when there’s such a glut of data visualization tools making the rounds now? Two years ago I used Joe Gregorio’s sparklines tool to plot my progress as I went:

Well it’s 2010 now (don’t get me started on 2009; that’s when I dislocated my shoulder — again — and then got nasty tendinitis to boot, so I didn’t take on IronMay last year), and this year I’m using Processing to plot my month’s data. Like R is really a programming language oriented to data-oriented programming, Processing is a language oriented around visualization (unlike R, however, which makes it easy to access vectors and data frames, Processing requires one to go back to array manipulation, so it took me some getting used to). Now, having seen the spectacular stuff in the Processing gallery I just hope that I’m not insulting the poor software by using it to make bar graphs (that look an awful lot like the old sparklines! I figured I had to start somewhere as I learned something brand new-to-me). This quick Processing tutorial is a great place to start.

Update May 31 2010: It’s a gorgeous day in Flagstaff and I knocked out the last of my run and bike miles on the urban trail this morning. Iron June, anybody?

Update shortly after the prior update: I wasn’t content with just the bar plot, so I tinkered just enough with streamgraph.js to come up with this (click through for the full-sized version at flickr):

IronMay 2010 - streamgraph

Pretty rad, I think.