Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a map with D3.js!

Public visualization

Viewing a saved revision (read-only)

9e09b2308bb04ec2bd83e79f18e20033

Let's make a map with D3.js!

0 stars1🌍 Public
Cchaimmaeee
Last edited Nov 26, 2020
Created on Nov 26, 2020

This example shows a simple world map rendered with D3.js, displaying geographic features as green filled paths with black borders against a blue background. The visualization loads GeoJSON data from a remote GitHub URL using `json()` and applies `geoPath()` from the d3-geo module to generate the SVG path data. With topojson-client’s `feature()` method, the code binds the geographic features to `path` elements in an SVG canvas via `selectAll()`. The map is static, with styling defined in CSS, and serves as a basic introduction to mapping with D3 v5.

AI-generated description