Skip to main content
SimilarExport ZIP
100%

dv.40 - missing migrants - part III - world map

✓ Published1🌍 Public
Zzach b.
Last edited Mar 19, 2021
Created on Nov 12, 2020

This world map visualizes the Missing Migrants Dataset, with circles sized by the total number of dead and missing individuals at each location. Using React for rendering and d3-geo-projection’s `geoNaturalEarth1` projection with `d3.geoPath`, the map layers country boundaries, graticules, and geographic lines. Circle radii scale via `d3.scaleSqrt`. The data comes from a CSV, while world atlas and line geometries are loaded from TopoJSON.

AI-generated description

A world map of the Missing Migrants Dataset.

Country boundaries from World Atlas TopoJSON.

--
Datavis 2020 #40

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants : Part 3 - on a Map

A world map displays the global distribution of missing migrants, with semi-transparent circles sized by the reported total dead and missing for each location. The visualization uses a natural Earth projection rendered with `d3.geoPath`, overlaid with graticules and country borders from the World Atlas TopoJSON dataset. Circle radii are scaled using `d3.scaleSqrt` based on data from the Missing Migrants CSV, and the React-based component structure relies on D3 v5 for data loading and geospatial calculations.

Zzeeeeem
91% match
Loading thumbnail…

Missing Migrants on a Map

A world map with semi-transparent blue circles marks the total dead and missing migrants at their recorded coordinates. The visualization uses a natural Earth projection via `d3.geoPath` to render landmasses and graticules, with each circle’s radius scaled by `d3.scaleSqrt` based on the data values. Data comes from the Missing Migrants Project CSV, loaded with `d3.csv`, while the map uses TopoJSON from world-atlas. React manages the component state, and SVG renders the final output.

Wwindwaver
91% 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 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
91% 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
91% 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
91% match
Loading thumbnail…

Missing Migrants on a Map

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.

Jjwlam83
91% match
Loading thumbnail…

Missing Migrants on a Map

A world map displays the global distribution of missing migrants, with semi-transparent circles sized proportionally to the total number of dead and missing individuals at each location. The visualization uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render land masses, graticules, and country interiors from TopoJSON data. Circle radii are scaled using `d3.scaleSqrt` based on the dataset's maximum value. The React component hierarchy manages asynchronous data loading with custom hooks for both the world atlas and the CSV dataset.

MMichael Bruno
91% match
Loading thumbnail…

Analyzing Missing Migrants Part III - Data on a Map

This map shows the global distribution of missing migrants, with semi-transparent circles scaled by the total number of dead and missing individuals. Using a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, it renders land masses, graticules, and country borders from the TopoJSON World Atlas. Migrant data from the Missing Migrants Project is plotted as SVG circles, with radii determined by a `d3.scaleSqrt` mapping fatalities to a maximum radius of 15 pixels. The visualization is built with React, D3 v6, and `d3.csv` for asynchronous data loading.

WWolfgang
91% match