Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of visualizing the Africa map

Public visualization

Viewing a saved revision (read-only)

b35d0aeb60b04a70b0e52c477a99748d

Fork of visualizing the Africa map

0 stars1🌍 Public
Pprachow
Last edited Mar 28, 2023
Created on Mar 26, 2023
Forked from Country-Japan

This example displays a map of African countries, rendered as orange SVG paths with black borders on a sky-blue background. It uses d3.geoNaturalEarth1 for projection and d3.geoPath with a d3.geoTransform to render simplified TopoJSON data loaded from a GitHub gist. The map redraws on window resize, adjusting the projection via fitExtent to fit the updated viewport dimensions. The code applies topojson.presimplify to prepare the geographic data before rendering.

AI-generated description

Visualizing the country map of Africa using d3.js resources