Fork of Polished World Map

100%

Fork of Polished World Map

✓ Published1🌍 Public

Last edited Mar 23, 2022

Created on Mar 23, 2022

This example displays a natural Earth projection world map with country boundaries, graticules, and city markers scaled by population. The visualization uses React to render SVG elements, with d3-geo’s `geoNaturalEarth1` and `geoPath` for the projection and paths, and `geoGraticule` for the grid. City data comes from a CSV of world cities, with population values mapped through d3’s `scaleSqrt`. Land and interior borders are derived from World Atlas TopoJSON via topojson’s `feature` and `mesh` functions.

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 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

95% match

Loading thumbnail…

Fork of Polished World Map

This example displays a natural Earth projection world map, with graticules, landmasses filled in teal, and country borders rendered as distinct interior lines. It uses React to manage the component structure, along with d3-geo APIs such as `geoNaturalEarth1`, `geoPath`, and `geoGraticule` to project and draw the geometry. Geographic data comes from the World Atlas TopoJSON, processed with topojson’s `feature` and `mesh` functions to extract land polygons and country boundaries.

NNICHAPA

94% match

Loading thumbnail…

Fork of Polished World Map

This example displays a world map of country boundaries using a Natural Earth projection, with graticules and interior borders rendered in a polished teal-and-grey color scheme. It uses React to manage the component structure and d3-geo’s `geoNaturalEarth1`, `geoPath`, and `geoGraticule` APIs to generate SVG paths. Geographic data comes from the World Atlas TopoJSON file, which is parsed with `feature` and `mesh` from topojson, while the final visualization is drawn entirely as SVG elements.

Mmoslem-tg

93% match

Loading thumbnail…

Fork of Polished World Map

This example displays a natural Earth projection world map, with landmasses rendered in a solid color, country borders highlighted, and graticules forming a grid overlay. The visualization is built with React and D3 v5, using `geoNaturalEarth1`, `geoPath`, and `geoGraticule` to project and draw the map, while `topojson` converts World Atlas TopoJSON data into GeoJSON features and mesh boundaries. The SVG output is styled via CSS, giving the sphere a distinct fill and stroke colors.

Nnagamaheswar

93% match

Loading thumbnail…

Fork of Polished World Map

This example displays a global map with country boundaries, a spherical backdrop, and graticule lines. It is built with React and uses the `d3.geoNaturalEarth1` projection and `d3.geoPath` to render SVG paths. The data comes from the World Atlas TopoJSON, which is converted to GeoJSON via the `topojson` library’s `feature` and `mesh` functions. The visualization is styled with a teal land fill and subtle gray graticules.

Jjerryren527

93% match

Loading thumbnail…

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

Ssteelerfan107

93% match

Loading thumbnail…

Fork of Polished World Map

This example displays a world map with country boundaries and graticules, rendered with a clean, polished color palette. It uses the `geoNaturalEarth1` projection and `geoPath` from d3-geo to draw land masses, while `geoGraticule` generates the grid lines. React components manage the SVG rendering, and the data comes from the World Atlas TopoJSON dataset, with country interiors extracted using `topojson.mesh`. The map is styled with CSS, including a light gray sphere background and teal land fill.

TThiago Sawada

93% match

Loading thumbnail…

Fork of Polished World Map

This example displays a world map with country boundaries and graticules using a Natural Earth projection. The visualization uses the `d3.geoNaturalEarth1`, `d3.geoPath`, and `d3.geoGraticule` APIs from D3 to render the map, with React managing the SVG output. The data is loaded from the World Atlas TopoJSON file via the `topojson` library, which provides both land polygons and interior boundaries for countries. The map is styled with a light gray sphere background, teal land and boundary colors, and subtle graticule lines.

VViệt An

93% match