Skip to main content
SimilarExport ZIP
100%

Missing Migrants on a Map

✓ Published1🌍 Public
Jjwlam83
Last edited Jan 15, 2022
Created on Jan 15, 2022

This visualization displays a world map of the Missing Migrants Dataset, where each circle represents a reported event and its size encodes the total number of dead and missing individuals. The map uses a natural Earth projection through d3.geoNaturalEarth1 and d3.geoPath to render landmasses, country borders, and graticules. Data points from a CSV are plotted as semi-transparent circles, with radii scaled using d3.scaleSqrt. The React application loads TopoJSON from World Atlas and SVG is used for all rendering.

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…

Missing Migrants on a Map

A world map displays the locations of missing migrant incidents, with semi-transparent circles sized by the total number of dead and missing per event. The visualization uses a natural Earth projection via `d3.geoNaturalEarth1` and renders landmasses, graticules, and country borders using `d3.geoPath`. Circle radii are scaled with a square-root scale `d3.scaleSqrt` based on the dataset from the Missing Migrants Project, loaded as CSV. The React app fetches world atlas TopoJSON and the CSV data through custom hooks.

KKevin McMorrow
96% match
Loading thumbnail…

Missing Migrants on a Map

This visualization displays a world map of missing migrant incidents, with circle markers sized according to the total number of dead and missing individuals at each location. The map uses a natural Earth projection with graticules and country borders rendered as SVG paths, while circles are overlaid with square-root scaling for radius. Built with React and D3 v5, the example loads world atlas topology via the `topojson` library and pulls data from a CSV file. The `geoNaturalEarth1` projection and `geoPath` handle geographic mapping, while circles are positioned using the projection coordinates.

LLaura Johnson
96% match
Loading thumbnail…

Missing Migrants on a Map

This visualization displays the locations of missing migrants on a world map, with circle size proportional to the reported number of dead and missing individuals. The map uses a Natural Earth projection via d3.geoNaturalEarth1 and d3.geoPath, with landmasses, graticules, and country borders rendered from TopoJSON data. Circles are positioned using the projection and scaled with d3.scaleSqrt. React manages the component state, while data is loaded from a CSV of Missing Migrants Global records using d3.csv.

SShanmukh
96% 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
96% match
Loading thumbnail…

Missing Migrants on a Map

This example visualizes the Missing Migrants Dataset, plotting each event as a circle on a world map. The circle radius encodes the total number of dead and missing individuals using a square root scale. The map renders with D3’s `geoNaturalEarth1` projection and `geoPath` to draw land, graticules, and country interiors, while `topojson` processes the world-atlas data. React manages the SVG output, and the data is loaded via D3’s `csv` function.

CCurran Kelleher
96% match
Loading thumbnail…

Missing Migrants on a Map

A world map displays the locations of missing migrants, with each incident represented by a semi-transparent circle whose area encodes the total number of dead and missing. The visualization uses a Natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, rendering landmasses, graticules, and country borders from World Atlas TopoJSON. Circle radii are scaled with `d3.scaleSqrt` based on the data’s maximum value from the Missing Migrants Project CSV. The example is built in React, using `useEffect` to load TopoJSON and CSV data through `d3.json` and `d3.csv`, with SVG output.

Ppnlinyz
96% match
Loading thumbnail…

Missing Migrants on a Map

A world map displays the locations of missing migrants, with semi-transparent circles sized by the total number of dead and missing per incident. The visualization uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, with graticules and country boundaries from World Atlas TopoJSON. Circle radii are scaled using `d3.scaleSqrt` based on the maximum death toll, and React manages the SVG rendering. Data comes from the Missing Migrants Global 2019 CSV, loaded with `d3.csv`.

TTsaiJie
96% match
Loading thumbnail…

Missing Migrants on a Map

A world map displays the locations of missing migrant incidents, with semi-transparent circles sized by the total number of dead and missing individuals. The visualization uses D3’s geographic projections (`geoNaturalEarth1`, `geoPath`, `geoGraticule`) combined with React and SVG rendering. Circle sizes are scaled with `scaleSqrt`, and the map includes land masses, interior borders, graticules, and a sphere background. Data comes from a CSV of Missing Migrants Global records, while world geography uses TopoJSON from the world-atlas package.

BBen Brophy
96% match