Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

world chart

Public visualization

world chart

0 stars1๐ŸŒ Public
Vvijaytayal
Last edited Sep 9, 2021
Created on Sep 9, 2021
Forked from line chart

This example displays a world map using a Natural Earth projection, showing country boundaries and graticule lines over a light gray sphere. The visualization loads geographic data from a TopoJSON file using `d3.json`, then converts it to GeoJSON features and interiors with `topojson.feature` and `topojson.mesh`. React renders the map as SVG paths computed by `d3.geoNaturalEarth1` and `d3.geoPath`, with styling applied through CSS classes for the sphere, graticule, and country fills.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data.

Comments

Sign in to join the discussion.

MIT Licensed