Skip to main content
SimilarExport ZIP
100%

egg world

✓ Published0🌍 Public
Zzach b.
Last edited Nov 9, 2020
Created on Nov 8, 2020

This map shows countries, land masses, graticules, and geographic lines from the World Atlas TopoJSON and Natural Earth datasets. The map uses D3's `geoNaturalEarth1` projection rotated with `rotate([270,90,0])`, and renders via `geoPath` in SVG. Countries are filled with a translucent color, while the sphere and graticules are drawn, and a `mesh` provides interior boundaries. Hovering over a country reveals its name via an SVG `<title>` tooltip.

AI-generated description

A world map showing country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.

--
Datavis 2020 #29

MIT Licensed

Similar vizzes

Loading thumbnail…

World Map

This interactive world map visualizes the Earth’s countries using a natural Earth projection, displaying the globe’s sphere, graticules, and landmasses with custom styling. Built with React and D3 v6, the visualization loads TopoJSON data from the `world-atlas` package and processes it using `topojson`'s `feature` and `mesh` APIs to extract country boundaries and interiors. The `d3.geoNaturalEarth1` projection and `d3.geoPath` render all geographic elements as SVG paths, while CSS classes define teal and gray color schemes for a polished aesthetic.

Ee-ines
85% match
Loading thumbnail…

World Map

This world map uses the Natural Earth projection via `d3.geoNaturalEarth1` and renders land, graticules, and interiors as SVG paths with `d3.geoPath`. The landmass data comes from the world-atlas TopoJSON source, while country boundaries are derived from a `topojson.mesh` operation. Ocean and sphere backgrounds are styled with CSS fills, and graticules appear as gray lines. The visualization is built with React, incorporating D3's `geoPath` and `geoGraticule` APIs within a single SVG canvas.

Bbenpedroscott
85% match
Loading thumbnail…

World Map

This visualization renders a natural Earth projection world map using SVG paths. The map displays landmasses in teal with country borders drawn as interior mesh lines, set against a light gray sphere and graticule grid. Built with React and D3’s `geoNaturalEarth1`, `geoPath`, and `geoGraticule`, it loads geographic data from World Atlas TopoJSON, converting it with `feature` and `mesh` to draw each country. The static composition highlights global geography with clean styling.

GGonzalo Alarcón Usui
85% match
Loading thumbnail…

World Map

This world map visualization displays countries and landmasses using an equal-area Natural Earth projection. The SVG rendering layers a graticule, sphere outline, land polygons, and interior boundaries in muted teal and gray tones. Built with React and D3 v7, it fetches world-atlas TopoJSON data, converts it with topojson’s `feature` and `mesh` functions, and projects geometries via `geoNaturalEarth1` and `geoPath`. The map highlights relationships between countries by drawing interior boundaries where adjacent nations meet.

JJenna Hamza
84% match
Loading thumbnail…

World Map

This world map displays global landmasses and country borders using a natural Earth projection. Built with React and D3 v7, it renders SVG paths via `d3.geoPath` and `geoNaturalEarth1`, overlaying a graticule grid and sphere outline. The visualization loads GeoJSON from the world-atlas TopoJSON dataset, converting it with the `topojson` library’s `feature` and `mesh` functions. Land areas are filled in teal, with interiors highlighted by a distinct stroke color.

Jjackcaldwellnichols
84% match
Loading thumbnail…

World Map

This world map visualization displays the Earth’s landmasses and country interiors using a Natural Earth projection, rendered as SVG paths. It shows a sphere, graticule lines, land areas in blue, and interior boundaries in a lighter stroke. The code utilizes `d3.geoNaturalEarth1` for projection, `d3.geoPath` for path generation, and `d3.geoGraticule` for the grid. Geographic data comes from the World Atlas TopoJSON (countries-50m.json), processed with `topojson.feature` and `topojson.mesh`. The visualization is built with React, managing data loading via the `useData` hook.

JJonas Carvalho
84% match
Loading thumbnail…

World Map

A world map rendered with D3’s geoNaturalEarth1 projection, drawn in SVG using d3.geoPath. The map displays landmasses filled with teal, country interiors as thin light-blue lines, and graticules in gray. Data comes from the TopoJSON World Atlas (countries-50m.json), processed via TopoJSON’s feature and mesh APIs. The React-based visualization shows a static globe with a subtle color scheme, prioritizing clean spatial form over interactivity.

WWolfgang
84% match
Loading thumbnail…

World Map

This world map visualization displays global landmasses, country boundaries, and graticules using a Natural Earth projection. The land is filled with teal, while country interiors are outlined in green, and graticules appear in cyan over a light gray sphere. Built with React, the code uses d3.geoNaturalEarth1, d3.geoPath, and d3.geoGraticule to render the map, and topojson’s feature and mesh functions to process the World Atlas TopoJSON dataset. The SVG output loads from unpkg’s world-atlas@2.0.2 file.

RRudy Shayganfar
84% match