Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a map with D3.js!

Public visualization

Let's make a map with D3.js!

0 stars0🌍 Public
Wweakchicken-19
Last edited May 8, 2020
Created on May 7, 2020

This example uses D3.js v5 to render an interactive-free SVG map of Guangzhou. It draws a blue sphere as a base layer, then projects and displays light green country polygons on top using the Natural Earth projection. The geographic data is loaded from a JSON file provided by geo.datav.aliyun.com, and the topojson library converts it into GeoJSON features. The code leverages `d3.geoNaturalEarth1` for projection and `d3.geoPath` to generate the SVG paths, with styling applied through CSS classes.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed