Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

map-line-size

Public visualization

map-line-size

1 star1🌍 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

Comments

Sign in to join the discussion.

MIT Licensed