Skip to main content
100%

map-line-size

✓ Published1🌍 Public
Zzoniyac
Last edited Apr 30, 2020
Created on Apr 30, 2020
Forked from map-dot-density

This example visualizes stunted child percentages across administrative blocks in Palghar, India, using a choropleth map. A slider allows users to adjust the classification range, dynamically recoloring regions with textured diagonal lines of varying stroke widths. The map uses d3.geoMercator and d3.geoPath to project GeoJSON boundaries, while d3.csv-joined data drives the fill logic. Interactive features include zooming via d3.zoom, hover tooltips, and smooth transition animations on slider input. The textures library creates the line patterns, and Bootstrap styles the slider interface.

AI-generated description
MIT Licensed

Similar vizzes