This repository holds a basic use case for Data-Driven Documents aka d3 which is a Javascript library for manipulating documents based on data. The use case is a visual representation of where signatures of petition “Nous ne sommes pas des sangliers” come from. See the result @ http://xgarrido.github.io/d3-change.org.
Several files are used to get such results:
- index.html file holds the
htmlcode and the links to d3.js libraries, - d3-change.org.js file is the Javascript code implementation,
- d3-change.org.css is the cascading style sheets use to custom
htmland d3 components, - rate.tsv contains the data in tab-separated values. This is the result of processing emails from change.org data base,
- departement.json is the JavaScript Object Notation which describe geometry of France departments. See https://github.com/kerneis/france-choropleth for more details.
To keep track of resources, here are the different links to achieve such map :
- http://bost.ocks.org/mike/map : basic tutorial for generating topojson file and for rendering it with d3.js.
- http://bl.ocks.org/mbostock/6264239 : a basic example of json representation.
- https://gist.github.com/mbostock/3305937 : a gist maybe useful for manipulating tsv data.
- http://bl.ocks.org/biovisualize/1016860 and http://www.d3noob.org/2013/01/adding-tooltips-to-d3js-graph.html : to get tooltip over map