Points on map

100%

✓ Published2🌍 Public

Last edited Mar 5, 2021

Created on Mar 5, 2021

A world map rendered with a dark sphere and graticule grid, with landmasses in dark blue and country borders as faint strokes. Circles sized by population are overlaid at city coordinates using the natural Earth projection. The visualization uses React with D3 v5, specifically `geoNaturalEarth1` and `geoPath`, with SVG rendering. City data comes from a CSV of world cities, while country boundaries load from the world-atlas TopoJSON dataset.

AI-generated description

A world map of Data.

MIT Licensed

Similar vizzes

Loading thumbnail…

Points on a Map

A world map displays country boundaries and graticules over a light gray sphere, with semi-transparent teal circles sized by city population. The visualization uses d3.geoNaturalEarth1 for projection and d3.geoPath to render land, interiors, and sphere outlines from TopoJSON data. City coordinates are projected and drawn as SVG circles, with radii scaled using d3.scaleSqrt applied to population values from a CSV dataset. The React component structure manages state for both world atlas and city data.

Jj-PGi

94% match

Loading thumbnail…

Points on a Map

A world map displays the geographic distribution of cities, with circles sized by population. The visualization uses a natural Earth projection with graticules, land masses, and country borders. Built with React and D3 v6, it employs `geoNaturalEarth1`, `geoPath`, and `geoGraticule` to render the SVG. City data comes from a CSV of world cities, while country boundaries derive from World Atlas TopoJSON. Circle radii are scaled using `scaleSqrt` based on population values.

Ee-ines

93% match

Loading thumbnail…

Points on a Map

A world map displays cities as semi-transparent, radius-scaled circles proportional to population, using a Natural Earth projection. The visualization, built with React and D3 (v5), renders SVG paths for land, graticules, and sphere outlines via `geoPath`, while circles are projected using `geoNaturalEarth1`. City data comes from a CSV of world cities, and the map’s geographic basemap is provided by the `world-atlas` TopoJSON, processed through `topojson.feature` and `topojson.mesh`.

RRajat Dangat

93% match

Loading thumbnail…

Points on a Map

A world map rendered with SVG marks shows the globe in muted grays with graticule lines and country borders, overlaid with translucent teal circles sized by city population. The visualization uses a React component with d3’s geoNaturalEarth1 projection and geoPath to draw land and interiors from a TopoJSON world atlas, while city coordinates from a CSV are projected and drawn as circles with a square-root scale mapped to population. The data comes from the Data Canvas Sense Your City Dataset.

AAndrea Picciau

93% match

Loading thumbnail…

Points on a Map

A world map rendered with a Natural Earth projection displays global cities as semi-transparent circles, sized by population. The visualization uses React and D3 v7, with `geoNaturalEarth1` and `geoPath` to draw landmasses, graticules, and country interiors from TopoJSON data. City coordinates are projected and plotted as SVG circles, with a sqrt scale mapping population to radius. Data comes from a CSV of world cities loaded via `d3.csv`.

BBen Seebeck

92% match

Loading thumbnail…

Points on a Map

A world map rendered with a natural Earth projection displays cities as semi-transparent teal circles, with circle area scaled by population using a square-root scale. The visualization pairs D3’s geoNaturalEarth1 projection and geoPath with React components to draw landmasses, graticules, and country interiors. City coordinates and population data come from a CSV file, while geographic boundaries load via TopoJSON from the world-atlas package.

RRMartins11

92% match

Loading thumbnail…

Points on a Map

A world map displays cities with populations over 50,000 as semi-transparent points. The visualization uses D3’s `geoNaturalEarth1` projection and `geoPath` to render landmasses, country interiors, and graticules from TopoJSON data. City coordinates are projected and drawn as SVG circles, with data loaded from a CSV via `d3.csv` in React hooks. The map prioritizes geographic context over point density, using a light gray palette for boundaries and teal circles for city locations.

FFonda Irena Santoso

92% match

Loading thumbnail…

Points on a Map

A world map displays country boundaries and graticules, with hundreds of semi-transparent points marking city locations. The visualization uses D3’s `geoNaturalEarth1` projection and `geoPath` to render landmasses and interiors from World Atlas Topojson, while city coordinates are projected and drawn as SVG circles. React manages the component state, fetching data via `useEffect` and D3’s `csv` and `json` loaders.

FFloorNummer

92% match