Today we will learn How to Create Interactive Charts using D3.js. In order to make our learning close to real life problem we will use the data provided by Nasa and use that to create our Interactive Charts. We will be using GISS Surface Temperature Analysis data provided by National Aeronautics and Space Administration. You can find more details at http://data.giss.nasa.gov/gistemp.
In this tutorial we will Create iWatch Activity Chart using d3.js. Here we will use almost all the features we have learnt so far on Pie Chart. We will create multiple functions to reuse the code as much as possible.
So far we have learnt many ways to create progress chart using d3.js. In this Create custom progress chart using d3.js – Part1 tutorial we will learn how to animate an object (e.g. Icon) along with the progress indicator.
You can refer my previous post on How to create Progress chart using d3.js in case you are not able understand any part here.