Bubble Map

You can view the final interactive Flash version here:
http://lab.zoho.co.uk/lab/usa-unemployment/#/?mapDisplayMode=bubble

Flowing Data recently did a tutorial “How to make Bubble Charts” using “R” which inspired me to add an additional bubble view to the interactive USA Unemployment map I previously produced. The bubbles represent the actual number of unemployed per the selected region depending on the other view modes selected i.e. State, County etc.

The really useful bit from the tutorial was the formula to calculate the radius of the bubble so that the Area of the circle represents the value and not the radius/diameter.

radius <- sqrt( unemployed/ pi )

I haven’t added a key yet but basically when the map is viewed at 100% a bubble with a 10 pixel diameter currently represents around 15,000 unemployed. As the user can zoom into the map and also the map re-sizes with the browser, than the key would need to scale proportionally with the map view to be relevant.

I have also fixed the bug on deep linking directly to US States. Check it out:

http://lab.zoho.co.uk/lab/usa-unemployment/#/california

Related Posts:

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

2 Comments

  1. Eva
    Posted October 15, 2012 at 7:47 am | Permalink

    I like the map and I want to do the same but I some trouble creating those bubbles with my data. Do you still have the code from R how you did it? I have data that contains the following: zip city state latitude longitude timezone dst number. and I want to make bubbles about the total number of participants in each state. could you help me? thanks a lot

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>