«
»

Canvas + the Digits of PI

A couple of weeks ago, my former colleague Mike @ Meja Design released this cool visualization of the digits of PI mapped to colored dots:

Pi

This got me thinking about other transformations you could do over the same set of numbers. At the same time, I’ve been wanting to start playing with canvas, for possible future infographicky goodness. So I thought, what better way to get my feet wet with canvas than to visualize PI as a line chart! And just for fun, I put it on a circle too, since, y’know, PI. (I was going to make the lines nice and curvy, but it’s the weekend and bezier curve math was not being my brain’s friend, so straight lines for now.)

So, without further ado: the digits of PI visualized as a line chart, using canvas. (Also: I threw in excanvas, but didn’t actually bother to test it in IE, so if it doesn’t work, um… try a real browser, I guess? Cheers.)

This entry was posted on Sunday, January 31st, 2010 at 8:29 pm and is filed under development, visual explanations. You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.

One Response to “Canvas + the Digits of PI”

  1. Michael Says:
    January 31st, 2010 at 10:04 pm

    This is very cool. I like that you have two variations of displaying the sequence as a line chart. If one could download a vectorized version of the second visualization I could see transferring that into a laser-cut ornament or chachki (www.ponoko.com for example). Cool work.