xgarrido / d3-change.org

A use case for using d3 Javascript visualization

d3-change.org README

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.

Files description

Several files are used to get such results:

• index.html file holds the html code 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 html and 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.

Link resources

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