Skip to main content
SimilarExport ZIP
100%

Fork of World Map

✓ Published0🌍 Public
TtrwMK
Last edited Oct 25, 2022
Created on Oct 25, 2022
Forked from World Map

This fork of a world map renders the globe using a natural Earth projection, displaying continents in teal, graticules, and interior boundaries derived from the World Atlas dataset. It shows the landmasses as filled paths and the country borders as outlined strokes, all within a light gray sphere. The visualization is built with React and D3 v5, employing `geoNaturalEarth1()`, `geoPath()`, `geoGraticule()`, and the TopoJSON `feature()` and `mesh()` functions to process the `world-atlas` GeoJSON topology.

AI-generated description

A scatter plot of Data Canvas Sense Your City Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of World Map

This visualization displays a world map rendered as SVG, with landmasses filled in teal and country borders drawn as thin interior lines atop a light gray sphere with graticule gridlines. It uses d3.geoNaturalEarth1 projection with d3.geoPath and d3.geoGraticule to generate the geographic shapes, while topojson’s feature and mesh methods extract land polygons and country boundaries from the world-atlas TopoJSON source. React manages the component structure, with data loaded asynchronously via d3.json.

SSam Hege
94% match
Loading thumbnail…

Fork of World Map

This visualization displays a world map with country boundaries and graticules, rendered as SVG paths. The map uses a natural Earth projection via `geoNaturalEarth1` and `geoPath` from D3 v5, with land areas filled in orange against a black sphere backdrop. It loads geographic data from World Atlas TopoJSON and processes it with `topojson.feature` and `topojson.mesh` to extract land polygons and interior borders between countries, which are stroked in light blue. The React components encapsulate the data-loading hook and mark-rendering logic.

Bbhargavarathod
93% match
Loading thumbnail…

Fork of World Map

A world map renders landmasses in teal on a light gray sphere, with graticule lines and country borders overlaid. The visualization uses an orthographic projection via `d3.geoOrthographic` and draws geographic features with `d3.geoPath`. The React component fetches world-atlas TopoJSON data through `d3.json`, converting it to GeoJSON with `topojson.feature` and `topojson.mesh`. Styling is applied through SVG classes, showing a clean, static globe view.

Mmanvithareddykarra
93% match
Loading thumbnail…

Fork of World Map

This orthographic world map displays Earth's landmasses and country borders using a sphere projection with graticules. The visualization renders SVG paths via d3.geoPath and d3.geoOrthographic, styling land in teal, interiors as light strokes, and the sphere in gray. Data is loaded from the world-atlas TopoJSON file with topojson.feature and topojson.mesh within a React component. The example uses d3.v7 and React 17, presenting a static globe without interaction or animation.

GGalineeharika
92% match
Loading thumbnail…

Fork of Fork of Polished World Map

This fork of a polished world map visualizes global country boundaries using data from the World Atlas TopoJSON, rendered with React and d3. The map displays a natural Earth projection with graticules, landmasses filled in teal, and interior borders highlighted. The code uses `d3.geoPath` with the `geoNaturalEarth1` projection to draw shapes, while topojson's `feature` and `mesh` functions prepare the geographic data. The visualization includes a sphere outline, graticule grid, and styled land and interior paths in SVG, with explicit CSS for colors.

Kkarumanchimanasa
92% match
Loading thumbnail…

Fork of Polished World Map

This fork of a polished world map uses D3’s `geoNaturalEarth1` projection and `geoPath` to render both country boundaries and graticules over a gray sphere. It loads world topology from the World Atlas TopoJSON via `d3.json`, then converts the land and interior meshes with `topojson.feature` and `topojson.mesh`. React components structure the SVG output, while CSS styles the land in teal and highlights interior borders with a contrasting stroke. The visualization updates asynchronously, displaying a loading prompt until the geographic data arrives.

Aallnichols
92% match
Loading thumbnail…

Fork of Polished World Map

This fork of the Polished World Map visualization displays country boundaries and graticules on a natural Earth projection, with landmasses in teal and interior borders highlighted. Built with React and D3 v5, it uses `geoNaturalEarth1`, `geoPath`, and `geoGraticule` to render SVG paths. The data originates from the World Atlas TopoJSON, loaded via `d3.json` and processed with `topojson`'s `feature` and `mesh` functions. The map presents a clean, stylized view of global geography with a subtle color palette.

HHaris Vidimlic
91% match
Loading thumbnail…

Fork of World Map

This example presents a world map rendered with D3’s natural Earth projection, displaying countries as purple landmasses with red interior borders and blue graticule lines on a white sphere. The data comes from the world-atlas TopoJSON file, which is parsed using topojson’s feature and mesh functions. The visualization uses React to manage the component state and rendering, with d3.geoPath and d3.geoNaturalEarth1 generating the SVG paths for the map and its overlay elements.

Cchandanagandla
91% match