> 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.)

Comments

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.

More information about formatting options

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.