Creative JS Weekends: Reading Visualization

Posted: July 31st, 2011 at 4:29 pm | Tags: creativejsweekend, data visualization, processingjs

View demo here.

[Technical details follow] This is an animated visualization of my reading habits (my summer reading pile is shown). I prototyped it in the desktop Processing IDE and then ported to processingJS. In the IDE I used the Gotham Rounded font. Unfortunately processingJS doesn’t really render font files to the CANVAS element (at least in Firefox, the browser selects from a set of fonts).

There were some speed issues of the animation, notably in FireFox 5, but I think my computer was just showing its age. >_<