Skip to main content
SimilarExport ZIP
100%

Fork of World Map

✓ Published2🌍 Public
SSam Hege
Last edited Sep 23, 2022
Created on Sep 23, 2022

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.

AI-generated description

A program that loads and visualizes some data

MIT Licensed

Similar vizzes

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
95% 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
94% 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
94% match
Loading thumbnail…

Fork of 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.

TtrwMK
94% match
Loading thumbnail…

Fork of Polished World Map

This visualization displays a world map with country boundaries, rendered as an SVG using the d3.geoPath projection and d3.geoGraticule for graticules. Country shapes are filled in teal, with interiors highlighted in a lighter stroke. The map is built with React, using the d3.json loader to fetch World Atlas TopoJSON data from unpkg. The code leverages the topojson library’s feature and mesh functions to extract land and interior boundaries, and the d3.geoNaturalEarth1 projection defines the map’s spherical look.

JJean David
93% match
Loading thumbnail…

Fork of Polished World Map

This visualization displays a world map with country boundaries, rendered as an SVG using the d3.geoPath projection and d3.geoGraticule for graticules. Country shapes are filled in teal, with interiors highlighted in a lighter stroke. The map is built with React, using the d3.json loader to fetch World Atlas TopoJSON data from unpkg. The code leverages the topojson library’s feature and mesh functions to extract land and interior boundaries, and the d3.geoNaturalEarth1 projection defines the map’s spherical look.

JJean David
93% match
Loading thumbnail…

Fork of World Map

This visualization displays a world map using an orthographic projection, rendered as SVG within a React application. It shows landmasses in teal, country borders in black, and graticules on a light gray sphere. The code uses `geoOrthographic` and `geoPath` from d3 to project geographic features, while topojson’s `feature` and `mesh` functions process land and country boundary data from the world-atlas dataset. The map is static, with no interaction or animation.

SSnapika
93% match
Loading thumbnail…

Fork of Polished World Map

This example displays a world map with country boundaries and graticules, rendered as SVG using React and D3 v5. It shows the full sphere and landmasses colored in teal, with interior country borders and graticule lines in lighter strokes. The visualization loads World Atlas TopoJSON data from unpkg, converting it to GeoJSON features and a mesh with the topojson library. The map uses d3.geoNaturalEarth1 for projection and d3.geoPath to draw the sphere, land, and border paths.

MMar-99
93% match