Making a motion chart

When working with a time-based data often you want to have a view, where the time changes will be visualized. One way of doing this is by using a motion chart that updates over time and that is what we will be creating with this recipe.

Making a motion chart

Getting ready

We will be using a toolkit for creating an interactive graph named Rickshaw that can be retrieved from http://code.shutterstock.com/rickshaw/, and is part of the example code as well. Besides that we also need D3.js to be included, because Rickshaw is built on top of it.

How to do it...

To create the recipe, we will add JavaScript code that will randomly generate data and create an ...

Get HTML5 Data and Services Cookbook now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.