GeoJSON Dashboard
  • About
  • Charts
  • Feature Extent
  • Filter Data
  • Split View
    • Split View
    • Map View
    • Table View
  • CSV
  • Excel
  • PDF

Welcome to the GeoJSON Data Dashboard!

  • About the project
  • Configuration

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.

  1. Fork or download the GitHub repo.
  2. Open the assets/js/app.js file and edit the config and properties variables.
  3. The drawCharts() function demonstrates how charts can be configured.
  4. 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.

Charts

  • Ownership
  • Guncrime Density
  • Tree Canopy Gap
  • Size
  • Species

Filter Data

Feature Info