Spain Stats

The idea of this project is to provide a simple portal to visualize existing map based stats (focused on the spanish territory) and create new ones.

Sitemap

MVP

User stories

General

• As a user I want to choose the option of browsing a chart.
• As a user I want to see a list of charts available (this will include title of the chart, short description, original source).
• As a user I wan to browse a given map chart (e.g. elections spain 2016), I will see the map, plus info about the chart.

Basic screens

Home / Search

Browse Chart

POCS

• Spain map chart by regions + elections results
• Spain map chart by provinces + electins results
• Spain map chart by regions + average annual rainfall
• (...)

Knowledge base

Interesting links:

d3 geo data basics

http://d3indepth.com/geographic/

https://www.toptal.com/javascript/a-map-to-perfection-using-d3-js-to-make-beautiful-web-maps

Very basic world map

http://bl.ocks.org/almccon/fe445f1d6b177fd0946800a48aa59c71

Basic US map

http://bl.ocks.org/rveciana/a2a1c21ca1c71cd3ec116cc911e5fce9

World map using d3js V4 (interaction): http://bl.ocks.org/micahstubbs/8e15870eb432a21f0bc4d3d527b2d14f

Topo json Spain

https://github.com/deldersveld/topojson/tree/master/countries/spain

Topo json Europe (Eurostat)

https://github.com/eurostat/Nuts2json

Composite projections Sometimes territories of a country are far from the mainland i.e. Canary Island from Spain. This library helps to solve this problem. https://github.com/rveciana/d3-composite-projections

Example of composite projection showing election results and tooltip http://bl.ocks.org/rveciana/472b7749352554ca4b68

Mike bostock samples (creator of d3js) https://bl.ocks.org/mbostock

Population Density in Spain https://bl.ocks.org/martgnz/77d30f5adf890ef7465c