TLC on a map

100%

✓ Published0🌍 Public

Last edited Apr 7, 2021

Created on Apr 7, 2021

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.

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 Fork of Missing Migrants on a map

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.

DDeborah Ong

92% match

Loading thumbnail…

Missing Migrants on a Map

This interactive visualization maps recorded incidents of missing migrants worldwide, with each circle representing an event and its radius scaled by the total number of dead or missing individuals. Using a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, the map renders country boundaries, graticules, and points from CSV data loaded with `d3.csv`. Circle sizes are determined by a square-root scale (`scaleSqrt`) applied to the death toll, and the React-based component structure uses `useWorldAtlas` to fetch TopoJSON land and interior boundaries.

TTatyana Milanova

86% match

Loading thumbnail…

Missing Migrants on a Map

This visualization displays a world map of missing migrant incidents, with circle markers sized according to the total number of dead and missing individuals at each location. The map uses a natural Earth projection with graticules and country borders rendered as SVG paths, while circles are overlaid with square-root scaling for radius. Built with React and D3 v5, the example loads world atlas topology via the `topojson` library and pulls data from a CSV file. The `geoNaturalEarth1` projection and `geoPath` handle geographic mapping, while circles are positioned using the projection coordinates.

LLaura Johnson

86% match

Loading thumbnail…

Missing Migrants on a map

This map uses a natural Earth projection to display global incidents of missing migrants as semi-transparent circles sized by the total dead and missing count. The visualization layers country boundaries, graticules, and a sphere outline using `d3.geoPath` and `geoNaturalEarth1`. Circle radii are scaled with `d3.scaleSqrt` based on the CSV’s “Total Dead and Missing” column. The React app loads world atlas TopoJSON via topojson’s `feature` and `mesh`, then renders all elements as SVG. The minimalist, muted color palette (blue-gray ocean, gray land, teal markers) prioritizes the spatial distribution of incidents.

JJohn Lewis

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

85% match

Loading thumbnail…

Missing Migrants on a Map

This map visualizes missing migrant incidents worldwide, with each circle positioned at the incident’s coordinates and sized by the total number of dead and missing. It uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, rendering landmasses, graticules, and interiors from the World Atlas TopoJSON. Circles scale with `scaleSqrt` based on the CSV data, while React manages state and rendering.

CCodeDuckie99

85% match

Loading thumbnail…

Missing Migrants on a Map

This visualization displays a world map with circles representing missing migrants, where circle size corresponds to the total number of dead and missing individuals. Using React to render SVG marks, the code employs the D3 library's `geoNaturalEarth1` projection, `geoPath`, and `geoGraticule` to draw the sphere, graticules, landmasses, and interiors. Data is loaded from a CSV file containing migrant incident coordinates. Circle radii are determined via a square-root scale mapping the “Total Dead and Missing” values.

Nnpelliccia

85% match

Loading thumbnail…

Missing Migrants on a Map

This visualization maps missing migrant incidents worldwide, with circles sized by the total number of dead and missing individuals at each location. The map uses a natural Earth projection with graticules, country boundaries, and a light color scheme. The React app loads CSV data and world-atlas TopoJSON, then renders SVG marks via `d3.geoPath` and a square-root scale for circle radii. The underlying data is drawn from the Missing Migrant Project dataset.

Tthomasjungcoe

84% match