Fork of Points on a Map

100%

Fork of Points on a Map

✓ Published0🌍 Public

Last edited Jan 2, 2022

Created on Jan 2, 2022

This example shows a world map with cities of population over 50,000 plotted as small, semi-transparent dots. The map uses a natural Earth projection with graticules and country borders rendered via `geoPath` and `geoNaturalEarth1` from D3 v5. City positions are projected from latitude and longitude coordinates loaded from a CSV file, while country boundaries come from the World Atlas TopoJSON. The visualization is built as a React component, with SVG circles representing the cities and styling applied through CSS.

AI-generated description

A world map showing cities with population greater than 50,000. City data from Simplemaps: World Cities Database.

Country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Points on a Map

This example displays a world map with cities having populations over 50,000, plotted as semi-transparent teal circles. It uses a natural Earth projection via `geoNaturalEarth1` and renders both graticules and country interiors with `geoPath`. The map is built with React, loading geographic data from World Atlas TopoJSON and city coordinates from a Simplemaps CSV. City positions are projected using `[d.lng, d.lat]` to determine circle placement within an SVG.

Ddas888530

96% match

Loading thumbnail…

Fork of Points on a Map

This example shows a world map of cities with populations above 50,000, plotted as small teal circles over light gray landmasses and graticules. The visualization uses React to render SVG elements, with D3 v5’s `geoNaturalEarth1`, `geoPath`, and `geoGraticule` for map projections and boundary lines. City coordinates come from a Simplemaps CSV, while country outlines derive from TopoJSON world atlas data, with interiors drawn as mesh strokes.

Vvigneswaran009

95% match

Loading thumbnail…

Fork of Points on a Map

This example shows a world map with graticules and country boundaries, overlaid with small circles representing cities with populations over 50,000. The map uses the `geoNaturalEarth1` projection and `d3.geoPath` to render land, sphere, and graticule paths from TopoJSON data. City positions are projected from latitude and longitude coordinates, and each city is drawn as an SVG circle with opacity. The visualization is built with React and D3 v5, loading data from a CSV of world cities and the World Atlas TopoJSON.

DDhrubojyoti Barman

95% match

Loading thumbnail…

Fork of Points on a Map

This visualization shows a world map depicting cities with populations over 50,000, drawn as semi-transparent teal dots. The country boundaries and graticules are rendered using D3’s `geoNaturalEarth1` projection with `geoPath`, while the city positions are projected from latitude and longitude coordinates. The map uses a React front-end with `useWorldAtlas` and `useCities` hooks to load TopoJSON land data and CSV city data from Simplemaps, displaying everything as SVG elements.

YYedrup

95% match

Loading thumbnail…

Fork of Points on a Map

This example visualizes cities with populations over 50,000 as semi-transparent circles on a natural Earth projection, using a graticule, land masses, and interiors to provide geographic context. The map is rendered in SVG via React, with D3’s `geoNaturalEarth1`, `geoPath`, and `geoGraticule` handling projections and paths. City coordinates are projected from latitudes and longitudes loaded from a CSV, while country boundaries come from the World Atlas TopoJSON source.

Ggregoryh@ucar.edu

95% match

Loading thumbnail…

Fork of Points on a Map

This visualization shows a world map with dots marking cities whose population exceeds 50,000, plotted using the Natural Earth projection. The map displays country boundaries and graticules for geographic context, with cities rendered as semi-transparent circles. Built with React and D3 v5, the example uses `geoNaturalEarth1`, `geoPath`, and `geoGraticule` to project and draw geographic features, while TopoJSON provides land and interior mesh data. City coordinates come from a CSV file sourced from the Simplemaps World Cities Database, and all marks are rendered as SVG elements.

AARAVIND MJ

95% match

Loading thumbnail…

Fork of Points on a Map

This example displays a natural Earth projection world map with cities over 50,000 people plotted as small circles. The visualization uses D3 v5’s `geoNaturalEarth1` and `geoPath` for map geometry, with graticules and country borders styled via CSS. City coordinates are projected from latitude and longitude, and React manages the SVG rendering. Mouse hover changes a city’s fill color. Data comes from a Simplemaps world cities CSV, while country boundaries use the World Atlas TopoJSON.

DDan Peerapatanapokin

95% match

Loading thumbnail…

Fork of Points on a Map

This visualization displays a world map populated with circles representing cities with populations over 50,000. The map uses a Natural Earth projection with visible graticules, country boundaries, and landmasses rendered in muted grays. City coordinates are projected from longitude and latitude data using D3’s `geoNaturalEarth1` and `geoPath`, with circles drawn as SVG elements. The example is built with React, relies on D3 v5 for data loading and projection, and sources city data from Simplemaps and country boundaries from the World Atlas TopoJSON.

SSam

95% match