ertanoz / map-dashboard

Interactive dashboard combining dc.js, leaflet and jQuery DataTables

map-dashboard

A dashboard of Nashville building permits for fall 2015. A demo of the dashboard can be found here.

This project is an exploration of adding a Leaflet-map and an interactive DataTable-table as filters in a dc.js-dashboard. With the help of the dc.leaflet-plugin by yurukov and gordonwoodhull, the integration of the new addons was rather painless. Using the interactive DataTables-tables does, however, seem to make the dashboard slightly less responsive. If performance is a concern, it is probably better to stick to the vanilla dc.dataTable.

The dashboard is largely a combination of ideas found in other tutorials and implementations:

• The Nashville Building Permits-dashboard by cmvee
• The Beer Drinking Visualization-dashboard and tutorial by Austin Lyons
• The Earthquake Data Discovery-dashboard by d3noob
• The Integrate with DataTables.js issue thread on the dc.js Github page.
• This Stack Overflow-post
• This filterable dc.js-dashboard by the EU Integrity Watch and tttp

Updates 28.11.2015

• Added the purpose-field of the dataset as a clickable row detail and made the datatable searchable on that field.
• Fixed a bug that caused DataTables to display a warning message for text searches that return empty selections by defining a defaultContent-parameter for all columns.