> nohup _

Using Google Maps API and Visualization API for interactive map statistics

Long rows of statistics are enough to make anyone quickly go cross-eyed. Dry numbers are much easier to digest when presented in a visual format. Add interactivity to the mix and you have a perfect recipe for easy understanding.

[Screenshot: Interactive map statistics show India Map with GDP statistics by state]I have used Google Maps Javascript API to embed a map in the webpage. Google Visualization API allows me to embed a bar chart right alongside the map. The demo is here.

The bar chart interacts with the map to display the data for that area. Hovering over a bar brings up a mouseover tool tip that contains the data and simultaneously highlights the map area that it refers to.

This is the table of statistics used to build the bar chart.

State / Union TerritoryGDP (in INR Crore)
Andaman & Nicobar Islands1958
Andhra Pradesh364341
Arunachal Pradesh4016
Assam78822
Bihar140457
Chandigarh15287
Chhattisgarh94408
Delhi131884
Goa16555
Gujarat257694
Haryana193519
Himachal Pradesh30923
Jammu & Kashmir27100
Jharkhand65334
Karnataka237487
Kerala167469
Madhya Pradesh123230
Maha­rashtra504951
Manipur5623
Meghalaya8580
Mizoram3184
Nagaland5480
Orissa132845
Puducherry10460
Punjab173993
Rajasthan191539
Sikkim2234
Tamil Nadu299119
Tripura10007
Uttar Pradesh350297
Uttarakhand35048
West Bengal317837

(Data courtesy of RBI and CSO as of July 31, 2010.)