https://github.com/HandsOnDataViz/leaflet-map-polygon-tabs
Leaflet thematic polygon map, with hover info, tabs to display time periods, and data drawn from GeoJSON file
https://github.com/HandsOnDataViz/leaflet-map-polygon-tabs
leafletjs
Last synced: 11 months ago
JSON representation
Leaflet thematic polygon map, with hover info, tabs to display time periods, and data drawn from GeoJSON file
- Host: GitHub
- URL: https://github.com/HandsOnDataViz/leaflet-map-polygon-tabs
- Owner: HandsOnDataViz
- License: mit
- Created: 2016-03-11T22:36:38.000Z (over 10 years ago)
- Default Branch: main
- Last Pushed: 2020-10-23T18:27:42.000Z (over 5 years ago)
- Last Synced: 2024-12-02T15:48:21.901Z (over 1 year ago)
- Topics: leafletjs
- Language: JavaScript
- Homepage: http://handsondataviz.github.io/leaflet-map-polygon-tabs/
- Size: 773 KB
- Stars: 7
- Watchers: 2
- Forks: 25
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# leaflet-map-polygon-tabs
Leaflet thematic polygon map, with hover info, tabs to display time periods, and data drawn from GeoJSON file.
## Demo
https://handsondataviz.github.io/leaflet-map-polygon-tabs
## Credits
- Map design by [@alvinschang](https://github.com/alvinschang) Connecticut Mirror http://ctmirror.org
- Code improvements by [@ilyankou](https://github.com/ilyankou)
## Pros
- Hover over polygon to view info; or tap polygon in mobile devices
- Click tabs or keyboard arrow keys to flip through data series (such as decades or categories)
- Easily create and upload data by joining a CSV table to a GeoJSON map boundary in MapShaper.org
## Cons
- Automated legend displays only numerical ranges, not text values
- This version displays only one GeoJSON map boundary
## Create your own
- see Leaflet templates section of *Hands-On Data Visualization* book https://handsondataviz.org