Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

first level drilldown

Public visualization

Viewing a saved revision (read-only)

467e3769b0614105b676660d68e15c96

first level drilldown

0 stars0🌍 Public
AAkshita Shukla
Last edited Dec 7, 2021
Created on Nov 28, 2021

A choropleth map of municipal ward 61 visualizes waste generation data, initially displaying aggregated totals for regions like ANAND NAGAR and Tarapore Garden. Clicking a region triggers a smooth zoom animation that drills down to show individual building clusters within that area, colored by their respective waste output. The visualization uses D3.js v5 with `d3.geoPath`, `d3.geoMercator`, and `d3.zoom` to render GeoJSON boundaries and enable the interactive transition. It merges CSV waste metrics with geographic features to drive the color scale and drilldown logic.

AI-generated description