A configurable framework for building a geographic "data dashboard" from a GeoJSON file. Open source, MIT licensed, and available on GitHub.
Features
- Flexible template built on active open source components
- Entirely client-side, can be hosted for free on GitHub Pages
- Built on the incredibly popular Bootstrap UI framework
- Maps via Leaflet, the leading open source JavaScript mapping library
- Interactive data table with sorting, searching, column toggling, and data export via the Bootstrap Table plugin
- Advanced, interactive GeoJSON data querying that integrates jQuery QueryBuilder with AlaSQL
- Advanced charting via C3.js, the D3-based reusable chart library
This dashboard is designed to fetch a GeoJSON file and present the data in an interactive environment for exploration and analysis.
- Fork or download the GitHub repo.
- Open the assets/js/app.js file and edit the config and properties variables.
- The drawCharts() function demonstrates how charts can be configured.
- Additional map layers can be added to the global map variable.
Notes
- Attempting to load huge GeoJSON files will likely cause browser issues.
- The properties.table object accepts Bootstrap Table column options.
- The properties.filter object accepts jQuery QueryBuilder filter options.
- Setting the filter.values property to an empty array ([]) will fetch all the distinct values for that property.
- Setting the table, filter, or info objects to false will hide them from that component.