Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

react-d3-world-map

Public visualization

Viewing a saved revision (read-only)

435dd73c860946d8b4a5ea789fe0b767

react-d3-world-map

0 stars0🌍 Public
GGabriel Dias Menezes
Last edited Jun 24, 2022
Created on Jun 24, 2022

This example displays a world map using React and D3, rendering countries and their interiors as SVG paths with a teal fill and red boundary strokes. It uses the `geoEqualEarth` projection and `geoPath` from D3 to generate shapes, while loading geographic data from the world-atlas TopoJSON dataset via the `json` and `feature`/`mesh` functions. The visualization is built with React components, with the map embedded in a fixed-size SVG viewport.

AI-generated description

A scatter plot of The Iris Dataset