Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

MapmyIndia Map Example

Public visualization

Viewing a saved revision (read-only)

ca67ed2b43cf488395c54d50ca3fd908

MapmyIndia Map Example

0 stars0🌍 Public
SSriyaI
Last edited May 8, 2023
Created on May 8, 2023
Forked from D3 Starter

This example displays an interactive map of India with markers positioned in multiple major cities, including Delhi, Mumbai, Kolkata, and Chennai. The map is built using the MapmyIndia API with a vector layer, and D3.js v7 is used to overlay an SVG circle centered on Delhi with a 10,000-meter radius. The circle’s position updates dynamically on map movement via the `map.on("moveend", update)` event, projecting geographic coordinates to screen space using the `map.project` method. Leaflet, jQuery, and a hardcoded array of latitude-longitude pairs define the marker placements.

AI-generated description

A demonstration of how to start using D3 version 6.