The line and bar charts are c3js indeed, which wraps d3. The mind map graph is done using cytoscape.js.
Data gathering, preparation, initial exploratory analysis and pretty much everything else is done with a combination of Jupyter notebooks, some Python scripting, and a set of Jinja2 templates for the HTML and the city specific JS. The JSON which is loaded to populate the charts is also generated from the same Python scripts. The code base is not necessarily something to be proud of, but it works. We focused on analysis (hence, the default bootstrap theme and nothing fancy).
We're likely to do a making of talk at one or two meetups here in Amsterdam. Hopefully those will be recorded. There's some additional interesting aspects to the collected data not immediately visible in this presentation.
Disclaimer: I did most of the data wrangling and coding on this; also I'm CTO for GoDataDriven, one of the two companies mentioned as producer.
Data gathering, preparation, initial exploratory analysis and pretty much everything else is done with a combination of Jupyter notebooks, some Python scripting, and a set of Jinja2 templates for the HTML and the city specific JS. The JSON which is loaded to populate the charts is also generated from the same Python scripts. The code base is not necessarily something to be proud of, but it works. We focused on analysis (hence, the default bootstrap theme and nothing fancy).
We're likely to do a making of talk at one or two meetups here in Amsterdam. Hopefully those will be recorded. There's some additional interesting aspects to the collected data not immediately visible in this presentation.
Disclaimer: I did most of the data wrangling and coding on this; also I'm CTO for GoDataDriven, one of the two companies mentioned as producer.