Using D3.js with Maps
https://blog.safaribooksonline.com/2014/02/11/d3-js-maps/
- Dorling circle cartograms
- Google Maps
Cartogram: Various Examples
US Population Trends Over The Last 220 Years [Cartogram]
http://www.ravi.io/us-population-trends-cartogram
Animation of U.S. states, 10 years steps
MapCarte 349/365: Density equalizing cartogram by Michael Gastner and Mark Newman, 2004
http://mapdesign.icaci.org/2014/12/mapcarte-349365-density-equalizing-cartogram-by-michael-gastner-and-mark-newman-2004/
Cartogram of the world’s languages
http://th-mayer.de/cartogram/#nrlangs
Based on Dougenik et al. by Shawn Allen
Cartogram: Timemap
http://app.timemaps.nl/map#9:00
- interactive
- travel times
- Netherlands
Cartogram: World with Accurate Shapes
Awesome New Cartogram Shows World Population in 2015http://brilliantmaps.com/cartogram-world-population-2015/
- handmade?
D3.js: making a cartogram
http://www.limn.co.za/2013/10/making-a-cartogram/Â (Jeff Fletcher)
- small tutorial based on Shawn Allen’s implementation
D3.js: Circle Cartograms
http://bl.ocks.org/mbostock/4055892
Mike Bostock: “This is not a true Dorling cartogram; it lacks links between adjacent features. Instead of trying to preserve connectedness, this pseudo-cartogram tries to preserve locality, putting each circle as close as possible to its origin without overlapping.”
D3.js: cartograms (Dougenik et al.)
http://prag.ma/code/d3-cartogram/#popest/2010Â (Shawn Allen)
- Dougenik, Chrisman, Niemeyer
- some of the example data not suited for cartogram distortion
- code:Â https://github.com/shawnbot/d3-cartogram/
D3.js: choropleth example “How Americans Get to Work” (by flowing data.com)
http://flowingdata.com/2015/01/20/how-americans-get-to-work
Some interesting features:
- change coloring based on state of <li> elements
- zoom and pan of the map
- mouseover tooltips: display of data table of areal units