Skip to main content
SimilarExport ZIP
100%

Fork of Missing Migrants on a Map

✓ Published0🌍 Public
Ssultanmirzapydev
Last edited Aug 21, 2021
Created on Aug 19, 2021

This visualization presents a world map of missing migrant events, with each point representing a single incident. The map renders country boundaries from World Atlas TopoJSON, while event data comes from the Missing Migrants Dataset. The code uses React for the user interface and d3.forceSimulation to position the event points. Geographic coordinates are projected using d3.geoPath, with TopoJSON converting the country boundary data for display. The visualization provides a spatial overview of where migrant deaths and disappearances have occurred globally.

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…

Fork of Missing Migrants on a Map

This visualization maps migration events from the Missing Migrants Dataset, with each circle representing a single incident and sized by the total dead and missing using a square-root scale. The map renders country boundaries and graticules via d3.geoPath with a natural Earth projection, while React manages the component state and markup. Data is loaded asynchronously with d3.csv and the world atlas is fetched as TopoJSON, with land features converted using topojson.feature.

RRoberto
92% match
Loading thumbnail…

Fork of Missing Migrants on a Map

This visualization maps the Missing Migrants Dataset, plotting each migrant death or disappearance event as a semi-transparent point on a natural Earth projection. Circle size encodes the total number of dead and missing per event using a square-root scale. The code leverages React with D3’s `geoNaturalEarth1`, `geoPath`, and `geoGraticule` to render SVG landmasses, country boundaries, and graticules. World Atlas TopoJSON provides geographic features, while the dataset is loaded via D3’s `csv` parser.

AAmnaRizvi-S
92% match
Loading thumbnail…

Fork of Missing Migrants on a Map

This choropleth displays the Missing Migrants Dataset on a world map, showing each reported event as a circular point. The radius of each circle is scaled proportionally to the square root of the total dead and missing count. Country boundaries are drawn from the World Atlas TopoJSON, while geographic context is provided by the natural Earth projection with graticules. The visualization is built using React with d3.geoPath for map rendering and d3.scaleSqrt for scaling circle sizes.

VVishwanath Hegde
91% match
Loading thumbnail…

Fork of Missing Migrants on a Map

This interactive visualization maps incidents of missing migrants worldwide, with each circle representing a single event and its size scaled to the reported number of dead and missing. The map uses a D3.js natural Earth projection with SVG rendering, incorporating geospatial APIs like `geoNaturalEarth1`, `geoPath`, and `geoGraticule` for the graticule and sphere elements. Country boundaries are drawn from the World Atlas TopoJSON source, while the data comes from the Missing Migrants Dataset loaded via D3’s `csv` function. The React-based frontend utilizes `useWorldAtlas` and `useData` custom hooks to fetch and process the geographic and incident data, with circles positioned using the projection and colored with low opacity.

Hhongshuyan99@outlook.com
91% match
Loading thumbnail…

Fork of Missing Migrants on a Map

This visualization displays the Missing Migrants dataset on a world map, with each circle representing a single event where migrants have died or gone missing. The circle radius encodes the total number of dead and missing using a square-root size scale. It renders geographic basemap features using `d3.geoPath` with a Natural Earth projection, including land polygons, graticules, and country interiors from the world-atlas TopoJSON source. The D3 `geoGraticule` and `geoNaturalEarth1` functions generate the map framework, while React manages the state and SVG rendering.

Kkzaiets
91% match
Loading thumbnail…

Fork of Missing Migrants on a Map

A world map displays circles at the coordinates of missing migrant incidents, with circle area encoding the reported number of dead and missing individuals for each event. The visualization uses a square-root scale for point sizing and overlays semi-transparent teal circles on a light gray basemap. Built with D3 v5 and React, the projection uses `geoNaturalEarth1` and renders geographic features with `geoPath` and `geoGraticule`. Data comes from the Missing Migrants Dataset, with country boundaries sourced from the World Atlas TopoJSON.

RRupendra Pamisetty
91% match
Loading thumbnail…

Fork of Missing Migrants on a Map

A world map displays missing migrant events as semi-transparent circles, with circle size scaled by the square root of the total dead and missing count per event. A time-series bar chart below aggregates the same metric by month. The visualization uses React for component structure, d3.geoNaturalEarth1 and d3.geoPath for map projection, d3.scaleSqrt for circle sizing, and d3.bin with d3.timeMonths for histogram binning. Data comes from the Missing Migrants Dataset, with country boundaries from World Atlas TopoJSON.

Ttrissentety
90% match
Loading thumbnail…

Fork of Missing Migrants on a Map

This map visualizes global migration incidents from the Missing Migrants Dataset, with each circle representing a single event and its radius scaled by the square root of the total dead and missing count. Using React with D3 v5, the visualization employs d3.geoNaturalEarth1 for projection and d3.geoPath to render land masses, graticules, and country boundaries from World Atlas Topojson. Circle positions are derived from event coordinates, and the semi-transparent teal marks reveal geographic clustering of incidents while maintaining an uncluttered view of global patterns.

Vvanquisher2000
90% match