Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Waste-Aggregation by gates

Public visualization

Waste-Aggregation by gates

2 stars5🌍 Public
AAnimesh Nautiyal
Last edited Jul 1, 2022
Created on Jul 1, 2022
Forked from HTML Starter

This interactive map visualizes waste aggregation across buildings and gates in a ward of Mumbai. It uses Leaflet with tile layers from OpenStreetMap, and fetches GeoJSON data for buildings, gates, and their mappings via D3’s `d3.json`. Building circles show population and waste metrics in popups, while clicking a gate re-renders the building layer with a custom styling function that highlights buildings linked to that gate in black, using data from a static gate-to-building JSON file. The map initializes at a zoom level of 16 centered on the ward.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed