Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js!

Public visualization

Viewing a saved revision (read-only)

2116b46e68e940698d7c0768489e1a6a

Let's make a face with D3.js!

0 stars1🌍 Public
Eemntd
Last edited Oct 21, 2019
Created on Oct 18, 2019

This example visualizes a world map by loading geographic data from the world-atlas TopoJSON file and rendering country boundaries as SVG paths using `d3.geoPath` and `geoMercator`. The code imports `select`, `json`, and `geoPath` from D3 v5, along with `feature` from TopoJSON to convert the TopoJSON topology into GeoJSON features. The map is drawn inside an SVG canvas with a width of 960 pixels and height of 500 pixels, though the visible output is limited to the console log of the parsed data.

AI-generated description