Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World map

Public visualization

Viewing a saved revision (read-only)

7bff474be24c4f41b727992e6ef48274

World map

0 stars1🌍 Public
Rrajamrit-singh
Last edited Mar 22, 2023
Created on Mar 18, 2023

This example visualizes the countries of the world as colored polygons on a map. The visualization uses React to render SVG elements, with D3.js utilities for geographic projections and path generation. The code loads GeoJSON topology data from the `world-atlas` package, converts it into features using `topojson`, and projects them onto a map using `d3.geoEqualEarth` or `d3.geoNaturalEarth1`. The `geoPath` function creates the SVG paths for each country, which are filled with a teal color.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data as a radial burst!