33. Migrants on a Map

100%

33. Migrants on a Map

✓ Published0🌍 Public

Last edited Apr 2, 2021

Created on Apr 2, 2021

This example visualizes events from the Missing Migrants Dataset on a world map using a Natural Earth projection. Each circle represents a single migrant incident, with its radius scaled by the square root of the total dead and missing count. The map renders SVG elements via React, using d3.geoPath for country boundaries, graticules, and sphere outlines, while d3.scaleSqrt maps data values to circle radii. The visualization loads geographic data from World Atlas TopoJSON and migrant records from a CSV file.

AI-generated description

A world map of the Missing Migrants Dataset.

Each point in the plot represents a single event.

Country boundaries from World Atlas TopoJSON.

MIT Licensed

Similar vizzes

Loading thumbnail…

40) Missing Migrants on a Map

This example visualizes missing migrants worldwide, with proportional circles indicating the total dead and missing at each incident location. The map uses an equirectangular projection rendered with d3.geoNaturalEarth1 and d3.geoPath, layered with graticules, land masses, and country interiors. React manages the component lifecycle, while d3.scaleSqrt maps the migrant counts to circle radii. Data comes from a CSV of missing migrant incidents, and world geography is loaded from the world-atlas TopoJSON dataset.

Llefat92

93% match

Loading thumbnail…

Missing Migrants on a Map

This visualization maps the Missing Migrants Dataset, showing each migrant event as a circle on a world map. Circle size encodes the total number of dead and missing per event using a square-root scale. The map is rendered with SVG using D3’s `geoNaturalEarth1` projection and `geoPath`, with graticules and country boundaries from World Atlas TopoJSON. The React-based interface loads data via `useData` and `useWorldAtlas` hooks, styling circles with low opacity to reveal overlapping incidents.

SStefan Du Plessis

91% match

Loading thumbnail…

Migrant Map

A world map visualizes missing migrant incidents, with semi-transparent purple circles sized by the total number of dead and missing at each location. The visualization uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render landmasses, country interiors, and graticules from TopoJSON world atlas data. Circle radii are scaled with `d3.scaleSqrt` based on data from a CSV of missing migrants. The React-based implementation loads the data and map topology asynchronously using hooks before rendering SVG circles over the geographic base.

FFonda Irena Santoso

91% match

Loading thumbnail…

Missing Migrants on a Map

This visualization shows the locations of missing migrants on a world map, using a natural Earth projection to render landmasses and graticules. Each migrant incident is drawn as a semi-transparent circle, with its radius scaled proportionally to the total number of dead and missing via a square-root scale. The map is built with d3.geoPath for geographic features and d3.geoGraticule for the coordinate grid, while data is loaded from a CSV file using d3.csv. The entire SVG is assembled in React, with world atlas topology processed through the topojson library’s feature and mesh functions.

JJohn Huang

91% match

Loading thumbnail…

Missing Migrants on a Map

This visualization displays a world map with circles representing missing migrants, where circle size corresponds to the total number of dead and missing individuals. Using React to render SVG marks, the code employs the D3 library's `geoNaturalEarth1` projection, `geoPath`, and `geoGraticule` to draw the sphere, graticules, landmasses, and interiors. Data is loaded from a CSV file containing migrant incident coordinates. Circle radii are determined via a square-root scale mapping the “Total Dead and Missing” values.

Nnpelliccia

91% match

Loading thumbnail…

Missing Migrants on a Map

This visualization shows the global distribution of missing migrants, with circles sized by the total number of dead and missing individuals at each recorded location. The map uses a natural Earth projection rendered as SVG paths via d3.geoPath, with graticules and country borders from TopoJSON world-atlas data. Migrant locations are loaded from a CSV file, projected through d3.geoNaturalEarth1, and plotted as semi-transparent circles scaled by d3.scaleSqrt. React manages the component state and rendering, while d3's max function determines the domain for the size scale.

Iiblub

91% match

Loading thumbnail…

Missing migrants on a Map

This map visualization shows the global distribution of missing migrants, with the size of each circle representing the total number of dead and missing individuals at a given location. The visualization uses a natural Earth projection and overlays semi-transparent circles on a world map, alongside graticules and country borders for geographic context. Built with React and D3 v5, the code employs `d3.geoNaturalEarth1`, `d3.geoPath`, and `d3.geoGraticule` to render the map, while a square root scale (`d3.scaleSqrt`) maps the migrant counts to circle radii. Data comes from a CSV file of the Missing Migrants Project, with geographic coordinates parsed and projected onto the SVG canvas.

Bbsolomon103

91% match

Loading thumbnail…

Missing Migrants on Map

A world map displays the locations of missing migrant incidents, with circles sized by the number of dead and missing using a square root scale. The visualization uses d3.geoNaturalEarth1 and d3.geoPath for map rendering, with country boundaries and graticules from TopoJSON. React components manage state and rendering, while d3.csv loads the migrant dataset. Point positions derive from latitude and longitude coordinates, and circle opacity is fixed at 0.3 for visual clarity.

Ddumbdataguy@gmail.com

90% match