Migrants Map Replica

100%

Migrants Map Replica

✓ Published0🌍 Public

Last edited Oct 16, 2024

Created on Oct 13, 2024

This interactive map displays the global distribution of missing migrants, with circle size representing the number of dead or missing individuals. A linked histogram below the map allows users to brush over a time range, filtering the map to show only incidents within that period. The visualization is built with React and D3 v5, using `d3.geoPath` and `geoNaturalEarth1` for the map projection, `d3.scaleSqrt` for proportional symbol sizing, and `d3.brushX` for the interactive filtering. Data comes from a CSV file containing migrant incidents reported in 2019.

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…

migrants on map

A choropleth-style map displays migrant deaths and missing persons, with circles sized by the count of dead and missing. A linked histogram below shows the same data over time, allowing users to brush a date range to filter the map. The visualization uses React with D3 v6, including `scaleSqrt` for circle sizing, `geoNaturalEarth1` and `geoPath` for the map projection, and `brushX` for the range selection. Data comes from a CSV of global missing migrants.

JJonas Carvalho

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 a Map

This interactive visualization combines a world map with a histogram to display missing migrant data over time. A natural Earth projection shows the geographic distribution of incidents, with circle size encoding the total number of dead and missing per location. A date histogram below aggregates these figures by month, using d3.bin and d3.scaleTime for temporal grouping. The visualization is built with React and D3 v5, using d3.geoPath for map rendering and d3.scaleSqrt for proportional circle sizing based on data from the Missing Migrants Project.

BBrian Philip

91% match

Loading thumbnail…

Missing Migrants on a map

A world map displays circles sized by the total number of dead and missing migrants, with a histogram beneath charting the same totals over time. The visualization combines a React component using d3.geoNaturalEarth1 and d3.geoPath for the map with d3.scaleSqrt for circle radii. A d3.histogram bins reported dates into monthly intervals, while d3.scaleTime and d3.scaleLinear handle the axes. Data comes from a CSV file of global migrant incidents.

YYenTingWu

90% 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

90% match

Loading thumbnail…

Missing migrants on a map

This interactive visualization plots the locations of missing migrants worldwide as semi-transparent maroon circles on a world map, with circle size proportional to the count of dead and missing individuals. A linked time-series histogram below the map shows monthly totals and includes a brush control that filters the map to show only incidents within the selected date range. The map uses a `geoNaturalEarth1` projection rendered via `d3.geoPath`, while the histogram employs `d3.bin`, `d3.scaleTime`, and `d3.brushX`. Data comes from the Missing Migrants Project subset loaded with `d3.csv`; the world atlas geometry uses TopoJSON from the `world-atlas` package.

FFrederick O'Brien

90% match

Loading thumbnail…

Missing Migrants on a Map

This visualization maps the global distribution of missing migrants, with circle size encoding the total dead and missing per location. The map uses a natural Earth projection rendered via `d3.geoPath`, with land, graticules, and country interiors drawn in SVG. React manages the component state, while D3 scales (`scaleSqrt`) determine circle radii. Data comes from the Missing Migrants Global 2019 subset CSV, loaded with `d3.csv`.

PPedro Henrique Vanali

90% match

Loading thumbnail…

Missing Migrants Map

This interactive visualization displays missing migrant incidents worldwide as a choropleth bubble map, with circle size representing total dead and missing individuals. Users can select from six map projections via a dropdown menu, including Aitoff, August, and Orthographic. A linked time-series histogram below enables date range brushing, filtering the map’s displayed bubbles. Built with React and D3 v6, it uses d3.geoPath for geographic rendering, d3.bin for temporal aggregation, and d3.brushX for interactive filtering, sourcing data from the Missing Migrants Dataset and world boundaries from World Atlas TopoJSON.

Llaurajchang

89% match