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.jsGithub page. - This Stack Overflow-post
- This filterable
dc.js-dashboard by the EU Integrity Watch and tttp
- 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.