TLC Fork of Missing Migrants on a map

100%

TLC Fork of Missing Migrants on a map

✓ Published0🌍 Public

Last edited Apr 6, 2021

Created on Apr 6, 2021

This map visualization displays the global distribution of missing migrants, with circle sizes scaled proportionally to the number of missing individuals at each location. The visualization uses D3 v5’s `geoAlbers` projection and `geoPath` to render world landmasses, graticules, and interiors, while React manages the component state and rendering. Data is loaded from a CSV file containing migrant incident locations and counts, with circle radius determined by a square root scale. The map highlights geographical patterns in migrant disappearances across continents, with semi-transparent blue circles overlapping to indicate density.

AI-generated description

A scatter plot of something changing over time. (https://gist.githubusercontent.com/Debiday/5e789cf011f020169e6d17dc7ec7404d/raw/8e3d60b02c20c41482d57c6764910927f07239a8/CA.csv).

MIT Licensed

Similar vizzes

Loading thumbnail…

TLC on a map

This map shows global incidents of missing and dead migrants, with circles sized by the reported death toll at each location. The visualization uses a natural Earth projection rendered with D3’s geoNaturalEarth1 and geoPath, overlaid with graticules and country borders from the World Atlas TopoJSON. Circle radii are scaled with d3.scaleSqrt based on the Total Dead and Missing field from the Missing Migrants dataset, with a maximum radius of 15 pixels. React manages the SVG elements, while the marks component fetches the CSV data and map topology through custom hooks.

DDeborah Ong

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

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

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

86% match

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

85% match

Loading thumbnail…

Missing Migrants on a Map

This visualization maps the global locations of missing migrants, with semitransparent circles sized proportionally to the total number of dead and missing at each coordinate. The map uses a natural Earth projection rendered with d3.geoPath, combining world landmasses, graticules, and country borders from the world-atlas TopoJSON dataset. The CSV data is loaded and parsed with d3.csv, while d3.scaleSqrt maps the migrant counts to circle radii. The React component structure uses useState and useEffect hooks to fetch and display the data as SVG circles.

KKazushige Okuma

85% match

Loading thumbnail…

Fork of Missing Migrants on a Map

This interactive map visualizes missing migrant events worldwide, with each circle representing a single incident and its size proportional to the total number of dead and missing individuals. The visualization employs a square-root scale to map fatality counts to circle radii. Built with React and rendered as SVG, it uses D3’s `geoNaturalEarth1` projection, `geoPath`, and `geoGraticule` for geographic context, alongside TopoJSON’s `feature` and `mesh` for land and interior boundaries. Circle opacity is set uniformly, and data originates from the Missing Migrants Dataset.

SSteinarV-design

85% match

Loading thumbnail…

Missing Migrants on a Map

This visualization maps the global distribution of missing migrants, with circle size encoding the total number of dead and missing per reported location. The map uses a natural Earth projection via `geoNaturalEarth1` and renders geographic features with `d3.geoPath`, including land masses, graticules, and interiors. The React app loads CSV data from a GitHub gist using D3’s `csv` parser, while world topology comes from the world-atlas package. The size scale uses `scaleSqrt` to map values to circle radii, and SVG circles are positioned using the projection’s coordinate output.

NNikita Toropov

84% match