Fork of Points on a Map migrants

100%

Fork of Points on a Map migrants

✓ Published0🌍 Public

Last edited May 7, 2021

Created on May 7, 2021

This example displays a world map using the Natural Earth projection, with points plotted to represent migrant locations from the Missing Migrants Global 2019 subset dataset. The map renders landmasses, graticules, and interior boundaries via `d3.geoPath` and `d3.geoGraticule`, while circles are positioned with the `geoNaturalEarth1` projection. The visualization is built using React, D3 v5, and TopoJSON, pulling geographic data from the World Atlas TopoJSON and city coordinates from a CSV source.

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 interactive world map visualizes the locations of cities and missing migrant incidents using a Natural Earth projection. The view combines graticules, land masses, and country boundaries rendered as SVG paths via d3.geoPath. Circular marks are positioned by projecting longitude/latitude coordinates with d3.geoNaturalEarth1, with city data sourced from Simplemaps and incident data from a CSV file. The visualization is built with React and d3.v5, using topojson for world atlas data processing.

Ttopnep

92% match

Loading thumbnail…

Fork of Points on a Map

This interactive visualization plots missing migrant incidents from a 2019 global dataset on an SVG world map. The map uses d3.geoNaturalEarth1, d3.geoPath, and topojson to render landmasses, graticules, and interiors, while scaled circles (d3.scaleSqrt) encode total deaths and missing persons per location. The React-based bubble map displays the raw geographic distribution, with a temporal histogram component available for analyzing casualty counts by reported date. The visualization is built with d3.v5 and React, loading data via d3.csv and world atlas GeoJSON.

AAnthony Zornig

88% match

Loading thumbnail…

Fork of Points on a Map

This example renders a world map using a Natural Earth projection, showing cities with populations over 50,000 as semi-transparent points. The visualization loads geographic boundaries from World Atlas TopoJSON and city data from Simplemaps, then draws them with SVG paths and circles via `d3.geoNaturalEarth1`, `d3.geoPath`, and `d3.geoGraticule`. The React components manage data fetching through custom hooks, while D3’s `csv` and `json` methods load the datasets.

Cchar0496

87% match

Loading thumbnail…

Fork of World Map migrants

This visualization displays a world map with semi-transparent circles marking locations of missing migrants, sized proportionally to the total number of dead and missing individuals. Using React, d3.geoNaturalEarth1, and d3.geoPath, it renders land boundaries, interiors, graticules, and a sphere. Circle radii are scaled with d3.scaleSqrt based on data from a CSV dataset, which is loaded via d3.csv and combined with World Atlas TopoJSON for geographic features.

Mmarianamartins87

86% match

Loading thumbnail…

Fork of Missing Migrants on a Map

This visualization maps the Missing Migrants Dataset, plotting each migrant death or disappearance event as a semi-transparent point on a natural Earth projection. Circle size encodes the total number of dead and missing per event using a square-root scale. The code leverages React with D3’s `geoNaturalEarth1`, `geoPath`, and `geoGraticule` to render SVG landmasses, country boundaries, and graticules. World Atlas TopoJSON provides geographic features, while the dataset is loaded via D3’s `csv` parser.

AAmnaRizvi-S

86% match

Loading thumbnail…

Fork of Missing Migrants on a Map

A world map displays individual migration events from the Missing Migrants Dataset, with each circle sized by the square-root-scaled count of dead and missing people at that location. D3’s `geoNaturalEarth1` projection and `geoPath` render the sphere, graticules, land, and country interiors from World Atlas TopoJSON, while React components manage the SVG marks. Data loads via D3’s `csv` and `json`, and circle radii use `scaleSqrt` with a maximum radius of 15 pixels.

MMilena Belianovich Holtman

86% match

Loading thumbnail…

Fork of Fork of Polished World Map

This example presents a global map of missing migrants, using circles sized by the total number of dead and missing per location. The visualization renders geographic features with `d3.geoNaturalEarth1` and `d3.geoPath`, including graticules, landmasses, and country borders, while proportional circles are drawn over the projected coordinates. The code combines React with D3 v5, loading world atlas TopoJSON data and a CSV of migrant incidents, then scales circle radii using `scaleSqrt`. The map is rendered as SVG with a natural Earth projection, highlighting spatial patterns in the data.

Mmikekslv

86% match

Loading thumbnail…

Fork of Points on a Map

A world map displays cities with populations exceeding 50,000 as small teal circles, projected using the Natural Earth projection via `d3.geoNaturalEarth1` and rendered as SVG paths with `d3.geoPath`. Country boundaries and graticules come from World Atlas TopoJSON data, styled with muted gray fills and strokes. React fetches city coordinates from a CSV using `d3.csv` and renders them as `circle` elements, while `topojson`’s `feature` and `mesh` functions process the atlas topology for landmasses and interior borders.

JJoachim Klug

86% match