Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a world map React and D3

Public visualization

Viewing a saved revision (read-only)

698d3b02870a43d29b7c790c22f5a06e

Making a world map React and D3

0 stars1🌍 Public
Bblackbottt
Last edited May 31, 2022
Created on May 30, 2022

This example renders a world map using React and D3, displaying countries as filled polygons with black graticules and an amber sphere backdrop. It loads country boundaries from a world-atlas GeoJSON file and uses D3's `geoNaturalEarth1` projection and `geoPath` to convert geographic coordinates into SVG paths. The React component fetches data through a custom `useData` hook, then passes processed topology features and mesh interiors to the `Marks` component for rendering.

AI-generated description

working with time weekly_temp SA