The blog that exploded
Skip to contentVisualizing Maps: Google Analytics maps rendered as tag clouds
In a previous post, Visualizing Maps: Google Analytics maps, we saw how Google Analytics maps render when extruded from their context and/or seen as a black & white image.
USA states?
Looking at the USA map where users origin is highlighted darkening the relevant state, the first thing that stands out is you have to know the state name just looking at the map. If this is, or should be, a quite easy task for an American reader, things are not so obvious for someone from Europe or somewhere else. If is it true that you have the detailed list of the states, together with their relevant figures, in a table just under the map image, is it also true that if you just look at the map (as it would be in the case you take the map alone to insert it in a custom layout for printing/slide show) it's not so immediate to find out the state name.
Converting maps into tag clouds
The solution proposed here is to convert the maps into tag clouds, the darkening of the states is converted in the name of the state following the well known convention of increasing the font size and weight.
If printed, even with a black & white printer, the resulting image still is more readable than the default map (in the following image the font colour has been turned to a 50% grey).
One step beyond, tag cloud with figures
The tag cloud could be enriched, that is having its readability enhanced, with the help of figures detailing the users access (in the case we are talking about here) by state.


Conversion process
For this project the conversion process followed is quite easy, and detailed in the following table. Ideally this could be solved with an API.
| value | font-size | font-weight | occurrences |
|---|---|---|---|
| 1 | 10 | regular | 1 |
| 2 | 10 | bold | 2 |
| 3 | 11 | regular | 4 |
| 4 | 11 | bold | 5 |
| 5 | 12 | regular | 6 |
| 6 | 12 | bold | 7 |
| 7 | 13 | regular | 8 |
| 8 | 13 | bold | 9 |
| 9 | 14 | regular | 12 |
| 10 | 14 | bold | 13 |
| 11 | 15 | regular | 14 |
| 12 | 15 | bold | 15 |
| 13 | 16 | egular | 17 |
| 14 | 16 | bold | 18 |
| 15 | 17 | regular | 20 |
| 16 | 17 | bold | 22 |
| 17 | 18 | regular | 25 |
| 18 | 18 | bold | 28 |
| 19 | 19 | regular | 30 |
| 20 | 19 | bold | 33 |
| 21 | 20 | regular | 36 |
| 22 | 20 | bold | 45 |
| 23 | 21 | regular | 46 |
| 23 | 21 | bold | 52 |
| 24 | 22 | regular | 54 |
| 25 | 22 | bold | 57 |
| 26 | 23 | regular | 63 |
| 27 | 23 | bold | 65 |
| 28 | 24 | regular | 67 |
| 29 | 24 | bold | 82 |
| 30 | 25 | regular | 83 |
| 31 | 25 | bold | 125 |
| 32 | 26 | regular | 167 |
| 33 | 26 | bold | 206 |
| 34 | 27 | regular | 338 |
Tags for this post
Search this blog
Subscribe to the feed!
What is this RSS thing? For help on subscribing and more options, or to subscribe to a particular category, please have a look at: RSS feed how to.
Aggregate Me!
Support Civil Liberties and Human Rights
Support EFF and Amnesty International, visit their web sites and find out how you can help.



Post new comment