Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Let's make a map with D3.js!

Public visualization

Fork of Let's make a map with D3.js!

0 stars0🌍 Public
HHassan Abdullah
Last edited Dec 6, 2021
Created on Dec 6, 2021

This example demonstrates how to load and render world country boundaries as SVG paths. It fetches GeoJSON data from the world-atlas TopoJSON dataset via `d3.json` and converts it using `topojson.feature`. The visualization applies `d3.geoMercator` and `d3.geoPath` to project the geographic coordinates into a 960 by 500 pixel SVG canvas, though the rendering function is only partially implemented, leaving the map unpublished until the path data is appended. The code imports `select`, `json`, `geoPath`, and `geoMercator` from D3 v5.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed