This happy stylish cybernetic baboon driving a car and exudes a hipster vibe.

Mapping

Using Google Sheets to style an SVG choropleth map



Loading data

How does this work?

  1. Loads in Europe country data in GeoJSON format
  2. Uses the Geographical functions of the D3 javascript library to project the Geo data to two dimensions
  3. Uses D3 to render the polygons as paths within an SVG
  4. Uses D3 to add mouse events (rollover and click) to the SVG paths
  5. Loads in country styling data (0 or 1) from rows within a publicly shared Google Sheet using the Google Chart Loader library
  6. Uses D3 to apply the country styling data from the Google sheet to each country