Inspiration
This datavizualisation is inspired by
http://geographyeducation.org/articles/comparing-urban-footprints/
(original article).
Reading Matt Hartzell's article I wanted to explore a schematic and interactive way of visualising urban footprint differences from a city to another.
Legend
Three types of data are available for displaying : population (default), area, surface/inhabitant.
This datavisualization principles are simply based on colors / shapes and sizes (proportionnal).
1. The color variable refers to the geographical zones :
- Africa
- Asia
- Australia
- Middle East
- Europe
- North America
- Latin America
2. The shape (symbol) variable refers to the represented data :
- - circle : population (by default)
- - rectangle : area
- - pentagon : surface per inhabitant
3. Finally, the symbol's size is proportionnal to the represented data value.
Credits
This visualization makes use of D3js library extended with nvd3
for scatter chart generation. It relies on jQuery and isotope jQuery plugin for presentation,
filtering and sorting (helped by objeq). Webpage use bootstrap layout. Data is converted from Excel file to json
using csv-to-json online converter.
This dataviz is designed and developed by
.
This work is released under
Creative common Licence, Attribution-NonCommercial 3.0 Unported (CC BY-NC 3.0) .
Code and data are available on github repository.