Skip to main content
SimilarExport ZIP
100%

Interactive Migrant Map

✓ Published1🌍 Public
KKtuzinowski
Last edited Jul 29, 2021
Created on Jul 29, 2021

A world map with semi-transparent circles plots locations of missing migrants, sized by the square-root-scaled count of dead and missing individuals. A time-series histogram below aggregates the same data by month, using `d3.bin` and `d3.timeMonths` to compute totals. React composes the two views, while `d3.geoNaturalEarth1` and `d3.geoPath` render the graticule, land, and country interiors from TopoJSON. Both charts are drawn as SVG, with circles and bars colored in teal against a light gray basemap.

AI-generated description

Scatterplot of iris dataset

MIT Licensed

Similar vizzes

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 with Time

This interactive visualization combines a world map with a time-series histogram to explore the Missing Migrants Dataset. The map uses d3.geoNaturalEarth1 and d3.geoPath to render country boundaries, with circles sized by d3.scaleSqrt according to the total dead and missing per event. A linked date histogram below aggregates monthly totals, using d3.bin and d3.scaleTime. The React components manage state and rendering, with tooltips provided by SVG title elements. Data comes from a CSV of reported incidents, and world geography uses TopoJSON from the world-atlas package.

AAlex Stulov
90% match
Loading thumbnail…

Missing migrants on map

This map visualizes the locations of missing migrants, with each circle sized proportionally to the total number of dead and missing individuals at that coordinate. The visualization uses a Natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render world landmasses, graticules, and country borders from TopoJSON data loaded through the World Atlas. Circle radii are scaled using `d3.scaleSqrt`, and the React components fetch data from a CSV of migrant incident coordinates. The semi-transparent teal circles overlay the map, highlighting geographic clusters of migrant disappearances.

Ssurikmeetr
90% match
Loading thumbnail…

Missing Migrants on a map v2

This visualization combines a world map and a time-series histogram to show the locations and monthly counts of dead and missing migrants in 2019. The map uses `d3.geoNaturalEarth1` projection and `d3.geoPath` to render country outlines, graticules, and sphere, with semi-transparent circles scaled by `d3.scaleSqrt` based on the total dead and missing per incident. A linked histogram below, built with `d3.bin` and `d3.timeMonths`, aggregates the same data over time. The code uses React and D3 v7 with data loaded via `d3.csv` and TopoJSON world atlas from unpkg.

JJohn Lewis
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

This visualization maps the global distribution of missing migrants, with circle size proportional to the total number of dead and missing individuals per location. It uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render landmasses, graticules, and country boundaries from TopoJSON data. Migrant incident coordinates are projected and drawn as semi-transparent circles scaled with `d3.scaleSqrt`. The data comes from a CSV of the Missing Migrants Project, processed through React hooks and rendered as SVG.

Ppatasky
90% match
Loading thumbnail…

Missing Migrants a Map

This visualization combines a bubble map and a date histogram to show the locations and timing of missing migrant incidents. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render world landmasses, graticules, and country borders, with circles scaled by the square root of the total dead and missing per location. The histogram bins the data by month using `d3.bin` and `d3.timeMonths`. Both views use React components and D3 scales, with data from the Missing Migrants Project and country boundaries from World Atlas TopoJSON.

Ttharuta
90% match
Loading thumbnail…

Missing Migrants on a Map

A world map visualizes the locations and magnitudes of missing migrant incidents, with semi-transparent circles sized by the total number of dead and missing per coordinate. The visualization uses D3’s `geoNaturalEarth1` projection and `geoPath` for land and graticule rendering, while a square-root scale maps incident counts to circle radii. React manages the component state, loading CSV data and world-atlas TopoJSON via hooks. The SVG rendering provides a clean overview of global migration-related fatalities.

Vvmonney
90% match