Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

static map+color+tooltip+label

Public visualization

Viewing a saved revision (read-only)

1bb5883d5934452fb80b163303f721cf

static map+color+tooltip+label

0 stars6🌍 Public
AAnimesh Nautiyal
Last edited Feb 20, 2020
Created on Feb 6, 2020
Forked from Blank Canvas

This example presents a static choropleth map of Palghar district blocks, colored by the "c1" attribute from a CSV file joined to GeoJSON boundaries. It uses d3.geoPath and d3.geoMercator to render the polygons, with a custom color scale dividing values into red, yellow, and green ranges. Hovering over a block triggers a tooltip via d3.select and d3.event, showing the block name and c1 value. Block labels are positioned at polygon centroids using pathGenerator.centroid, and the map supports zooming through d3.zoom.

AI-generated description