Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of React & D3 Starter

Public visualization

Viewing a saved revision (read-only)

22d88c07ffbd4b968cb11583c670190d

Fork of React & D3 Starter

0 stars0🌍 Public
Kkodalijagadeesh9@gmail.com
Last edited Nov 9, 2025
Created on Nov 10, 2025
Forked from React & D3 Starter

This example presents a world map rendered in an SVG container, visually distinguishing a subset of countries by coloring them orange according to a small, hardcoded population dataset, while all other nations appear in gray. It uses the `d3.geoMercator` and `d3.geoPath` APIs to project and draw geographic boundaries from a TopoJSON source loaded via `d3.json`. The map is built within a React application, and the code demonstrates a non-reactive workflow by appending paths directly to the SVG element.

AI-generated description