World Mapchoropleth

100%

World Mapchoropleth

✓ Published0🌍 Public

Last edited Apr 22, 2021

Created on Apr 22, 2021

A world map displays country boundaries and graticules, with semi-transparent circles sized by the "Total Dead and Missing" statistic from a CSV of location coordinates. The visualization uses React with D3 v5, employing `d3.geoNaturalEarth1` and `d3.geoPath` for the map projection, `d3.geoGraticule` for grid lines, and a square-root scale for circle radii. Country shapes come from World Atlas TopoJSON, processed with `topojson.feature` and `topojson.mesh`.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

World Map

A world map displays country boundaries as filled landmasses against a light sphere, with graticules and interior borders drawn in contrasting strokes. The visualization is built with React and D3 v5, using `geoNaturalEarth1`, `geoPath`, and `geoGraticule` to project and render the SVG paths. Country and land geometry comes from the World Atlas TopoJSON dataset, processed via `topojson.feature` and `topojson.mesh`. A muted teal and gray palette gives the map a polished, stylized appearance.

Mmarianamartins87

89% match

Loading thumbnail…

World Map

A choropleth-style world map renders landmasses in teal on a light gray sphere, with interior country borders highlighted in a brighter cyan. The visualization is built with React and D3, using `d3.geoNaturalEarth1` for the projection and `d3.geoPath` to draw the sphere, graticule, land, and interior boundaries. Geographic data comes from the `world-atlas` TopoJSON source, processed via `topojson.feature` and `topojson.mesh`. The SVG output is styled with the Poppins font and custom CSS classes.

Nnpelliccia

87% match

Loading thumbnail…

World Map

This visualization displays a world map with country boundaries, rendered as an SVG using React. The map combines a natural Earth projection with graticules and country interiors, styled with a muted color palette. The code uses `d3.geoNaturalEarth1`, `d3.geoPath`, and `d3.geoGraticule` for geographic projection and rendering, while `topojson.feature` and `topojson.mesh` process the World Atlas TopoJSON data. The sphere background, graticule lines, and land masses are drawn as SVG paths, with country borders highlighted as interior mesh lines.

Cchandanagandla

86% match

Loading thumbnail…

World Map

A world map visualization displays country borders and landmasses using a Natural Earth projection. The map renders land areas in teal, interior borders in a lighter stroke, and includes graticules and a sphere outline for geographic context. Built with React and D3 v5, it uses `d3.geoNaturalEarth1`, `geoPath`, and `geoGraticule` to project shapes, while TopoJSON processes the world-atlas dataset to extract land features and country boundaries. The SVG output updates asynchronously after loading the geographic data.

Cchamce

86% match

Loading thumbnail…

World Map

This example visualizes world country boundaries and landmasses using a natural Earth projection, rendered as SVG paths. It displays graticules and interior borders alongside a styled sphere, with land and water distinguished by teal and blue fills. The visualization uses React with D3 v5, specifically `geoNaturalEarth1`, `geoPath`, and `geoGraticule` for geographic projections. Data comes from the World Atlas TopoJSON, processed via `topojson.feature` and `topojson.mesh` to extract land polygons and country boundaries.

AAdriana Rodriguez Sanabria

86% match

Loading thumbnail…

World_Map

A world map visualization displays country boundaries and graticules, styled with a teal landmass and light sphere. The map uses d3.geoPath with a geoNaturalEarth1 projection to render land features and a wireframe mesh that connects country interiors. It sources World Atlas TopoJSON data, processed with topojson.feature and topojson.mesh, and is built in React with SVG rendering. The visualization is polished with CSS styling for the land, sphere, and graticule paths.

Mmartin

86% match

Loading thumbnail…

World Map - React & D3

This world map shows country boundaries and graticules, with landmasses in teal and interiors in a contrasting stroke. Built with React and D3 v5, it uses `d3.geoNaturalEarth1` for projection and `d3.geoPath` to render both country shapes and the graticule grid. The map is drawn as an SVG that resizes with the browser window, and data comes from the World Atlas TopoJSON, processed with `topojson` feature and mesh functions.

LLucas Vogel

86% match

Loading thumbnail…

World Map

This visualization displays a world map using an SVG projection, with landmasses filled in teal, graticules in light gray, and country borders drawn as interior lines. The map is rendered with React and D3 v5, using `d3.geoNaturalEarth1` for the projection, `d3.geoPath` to generate paths, and `d3.geoGraticule` for the grid. Geographic data comes from the World Atlas TopoJSON file, which is loaded via `d3.json` and processed with `topojson.feature` and `topojson.mesh`. A subtle sphere outline frames the map against a neutral background.

Vvmonney

85% match