Nokia Push Snowboarding Interactive Data Visualisation

You can view the final interactive Flash version here:

So the back story is that PushSnowboarding in conjunction with Nokia and Burton have wired up all kind of nifty space-age sensors to some snowboards, put some more sensors on some really awesome snowboarders, put a Nokia N8 phone in their jacket and got them to do their thing.

All these high tech senses, along with the Nokia N8′s than recorded all sorts of lovely data and the really cool thing is they than put the data online for everyone to play with. The source code for the phone app is up there too if anybody wants to mess about with that side of things.

Now, the bit that really interested me was they had also filmed the runs and provided the digital video as well so this would be a great opportunity to play with time coded data and attempt to get it all synced up with the video. My intention was to position the time line based charts so that they correlated with the position of the video scrubber, that way if you wanted to quickly see the fastest point, longest air time etc. you would easily be able to jump straight to it.

For the moment I haven’t done much with the data collected from the accelerometer, magnetometer and Inertial Motion Unit as I have struggled to find much documentation on what this all actually means. So if anyone is familiar with that than please feel free to point me in the right direction. Ultimately it would be cool to visualise some sort of 3D gyroscope to show the position and orientation of the board.

So for the moment I am displaying the foot pressure, heart rate, ground speed, air time, and GSR (Rush). There is also the phones GPS data (Latitude, Longitude and Altitude) which I hope to add a visual component for in the future that will show these values plotted via an integrated Google map.

Initially I set out to just explore the possibilities of being ably to sync and render the raw data to the video and apart from a few little bugs with the video buffering and manual scrubbing it has turned out better than I had expected. There is around 30,00 lines of data in the longest run and although the raw-data xml has been imported into a MySQL database and slightly re-purposed for faster indexing, all of that has been scripted so in theory adding more runs would now be a simple case of just uploading the raw data via the CMS here:

I think this project is probably just scratching the surface of what you could do with this. I have only visualised about half the data they collected I like the idea of adding more functionality to allow the user to add there own comments etc. Almost like a scuba divers log book but for snowboarders.

Finally I think adding a social aspect to allow people to taunt other riders with the top speeds, longest jumps etc would be cool or forming your own social group leader boards to ad a level of competitiveness for a ski holiday, the ideas are pretty endless really but for the moment you can just tweet a link to each ride.

You can download all of Push Snowboarding’s original data (XML), videos and the Nokia phone app source code from here:

Related Posts:

This entry was posted in Actionscript Animation, Data Visualisation, Interactive Data, Lab Examples and tagged , , , , , , , , , , , , , , , , , , , , , . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

3 Trackbacks

  1. [...] Nokia Push Snowboarding Interactive Data Visualisation [...]

  2. By Pro Blogger News on March 6, 2011 at 10:42 am

    Nokia Push Snowboarding Interactive Data Visualisation…

    [...]. Interaction, Interactive, Interactive Data, Nokia, NokiaPush, Pushsnowboarding, snow boarding, syncing, timestamp, UX/UI Design, video, Visualizations, XML. Bokmark the[...]…

  3. [...] here: see what I am trying to do with the data here:…I hope to ultimately do a 3D display of the boards position heading but for the moment will settle [...]

Post a Comment

Your email is never published nor shared. Required fields are marked *


You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>