Skip to main content
SimilarExport ZIP
100%

Fork of Polished World Map

✓ Published0🌍 Public
Ssteelerfan107
Last edited Mar 13, 2021
Created on Mar 13, 2021
Forked from Polished World Map

This visualization presents a natural Earth projection world map with country boundaries, graticules, and city locations. The map uses d3.geoNaturalEarth1 and d3.geoPath to render land masses and interiors from World Atlas TopoJSON data, while circles sized by population via d3.scaleSqrt represent cities from a CSV dataset. Built with React and D3 v5, the SVG rendering applies subtle gray styling to geographical features and semi-transparent teal dots for urban centers.

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…

Fork of Polished World Map

This fork of a polished world map visualizes global city populations using a natural Earth projection. The visualization displays landmasses, country interiors, graticules, and a sphere outline, with city markers sized proportionally to population using a square root scale. It loads TopoJSON country boundaries from the world-atlas package and city data from a CSV file, processing them with d3's geoNaturalEarth1, geoPath, and geoGraticule utilities. The React rendering uses SVG paths and circles, styled with custom CSS classes for a clean, refined aesthetic.

Jjchen6912
94% match
Loading thumbnail…

Fork of Polished World Map

A stylized world map renders country boundaries from World Atlas TopoJSON data, with landmasses filled in teal and internal borders drawn as thin strokes. The visualization uses the d3.geoNaturalEarth1 projection, d3.geoPath, and d3.geoGraticule to draw the sphere, graticules, and country features, while React manages the component structure and SVG output. The map presents a polished, clean aesthetic suitable for geographic reference.

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

Fork of Polished World Map

This interactive world map displays country boundaries, graticules, and city populations using a natural Earth projection. Cities are rendered as semi-transparent circles whose radii scale with population using a square-root scale. Built with React and D3 v5, it loads geographic data from the World Atlas TopoJSON, processes it via `topojson.feature` and `topojson.mesh`, and draws the visualization as SVG using `d3.geoPath` and `d3.geoGraticule`.

Sstefanpullen
94% match
Loading thumbnail…

Fork of Polished World Map

This interactive SVG world map displays country boundaries, graticules, and interior mesh lines using a Natural Earth projection. The visualization uses React to render D3.js geo paths from World Atlas TopoJSON data, with `geoNaturalEarth1`, `geoPath`, and `geoGraticule` APIs from D3 v5. The styling applies a teal color scheme to landmasses while keeping the sphere and graticules neutral, creating a polished cartographic aesthetic.

KKostas Tsakaleris
94% match
Loading thumbnail…

Fork of Polished World Map

This world map visualizes country boundaries from the World Atlas Topojson dataset, rendered as an SVG using a React component. The d3.geoNaturalEarth1 projection and d3.geoPath draw the landmasses, graticules, and interior borders, while the sphere outline creates a polished globe effect. Land areas are filled in teal with lighter stroke boundaries, and graticules appear as subtle gray lines. The visualization uses d3.json to load the data and topojson.feature and topojson.mesh to extract the geographic features.

Mmark.horne99@gmail.com
94% match
Loading thumbnail…

Fork of Polished World Map

This example shows a world map with country boundaries, graticules, and city points sized by population. The visualization uses a Natural Earth projection via `d3.geoPath` and `d3.geoNaturalEarth1`, with land and interior borders rendered from World Atlas TopoJSON. City data comes from a CSV of world cities, and circle radii are scaled with `d3.scaleSqrt` based on population. The map is built with React components, styled in SVG, and uses D3 v5 for geographic and data-processing tasks.

MMinh Luong
94% match