An experiment in enabling application level data filtering and reactive update of multiple widgets including a Leaflet Map and a amCharts graph.
- Load data from Google Sheets (15k+ records)
- Display as multiple clustered layers on the map, single markers have dynamically assigned font-awesome icons
- Filter by data facets
- Filter by time interval
- Display TreeMap data structure analysis
Code is VERY FAR from being polished and perfect, please feel encouraged to make it better and drop a PR.
- Demo: https://smarques.github.io/mufa-leaf/
- Article: Towards Data Science
Uses (thanks to all these amazing projects):
- Bootstrap 4 boilerplate: https://github.com/wapbamboogie/bootstrap-4-boilerplate.git
- Font-awsome
- Leaflet: https://leafletjs.com/
- Leaflet Full Screen Control: https://github.com/Leaflet/Leaflet.fullscreen
- Leaflet Easy Print: https://github.com/rowanwins/leaflet-easyPrint
- Leaflet Providers: https://github.com/leaflet-extras/leaflet-providers
- Stamen Watercolor Tiles: https://stamen.com/opensource/
- Leaflet Awesome Markers: https://github.com/lvoogdt/Leaflet.awesome-markers
- Leaflet Sidebar: https://github.com/noerw/leaflet-sidebar-v2
- Leaflet MarkerCluster: https://github.com/Leaflet/Leaflet.markercluster
- Italian GeoJson by Stefano Cudini: https://github.com/stefanocudini
- AlaSQL: https://github.com/agershun/alasql
- Ion RangeSlider: http://ionden.com/a/plugins/ion.rangeSlider/index.html
- AmCharts: https://www.amcharts.com/
- Papa Parse: https://www.papaparse.com/