sumeyragorgec

@sumeyragorgec·2 public vizzes

Document

This example presents a polished world map that displays country boundaries and graticules using geographic data from World Atlas TopoJSON. The visualization renders a full sphere with landmasses filled in teal and graticules drawn in a contrasting gray tone. The code uses d3.geoPath to convert TopoJSON features into SVG paths, while React manages the component structure and rendering. The map is constructed with a fixed 960×500 viewport and includes a loading state while fetching the geographic dataset.

Sep 4, 2022

Loading thumbnail…

SUMEYRA'S WORLD MAP

This D3 and React visualization renders a natural Earth world map, displaying country landmasses as filled SVG paths alongside the sphere and graticule grid lines. The data comes from the World Atlas TopoJSON, loaded via `d3.json`, and the map is projected using `geoNaturalEarth1` with `geoPath`. Land areas are colored teal, while the sphere and graticules are styled in shades of gray. The visualization demonstrates a polished presentation of geographic boundaries within a React-based SVG rendering pipeline.

Sep 3, 2022