missing migrant points on atlas

100%

missing migrant points on atlas

✓ Published1🌍 Public

Last edited Feb 9, 2022

Created on Feb 9, 2022

This visualization displays red points representing missing migrants on a world map using a Natural Earth projection. The map uses d3.geoPath to render land masses and graticules from TopoJSON data, while city coordinates are projected from latitude and longitude. Circle sizes scale with the "Total Dead and Missing" count via d3.scaleSqrt. The data comes from the Missing Migrants Global 2019 subset. The visualization uses React with the d3-geo-projection library and SVG rendering.

AI-generated description

This bar chart shows population of the top 10 most populous countries. The data comes from the year 2018 estimate in United Nations: World Population Prospects 2017. It also demonstrates customization of D3 axes.

See also the first bar chart visualization that this one builds on: Making a Bar Chart.

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing migrants on a map

This visualization maps the locations of missing migrants worldwide, using circles to represent the total number of dead and missing individuals at each coordinate. The map is rendered using a natural Earth projection with D3’s `geoNaturalEarth1` and `geoPath`, while circle radii are scaled by a square-root scale (`scaleSqrt`) applied to the `Total Dead and Missing` field. The underlying data comes from a CSV dataset of global migrant incidents, and the world atlas is loaded via TopoJSON. React manages state and rendering, with SVG elements for the graticule, land, and point marks.

MmohitPassan

90% match

Loading thumbnail…

Missing migrants on a Map

This visualization maps the global distribution of missing migrants, with each semi-transparent circle scaled proportionally to the reported number of dead and missing individuals per incident. The map uses a natural Earth projection rendered via `d3.geoNaturalEarth1` and `d3.geoPath`, with landmasses, graticules, and country interiors drawn from TopoJSON data. Circle radii are determined by a `d3.scaleSqrt` function applied to the 'Total Dead and Missing' field from a subset of the Missing Migrants dataset. React manages the asynchronous loading of both the world atlas and CSV data, while SVG renders all visual elements.

MMatias Conde

90% match

Loading thumbnail…

Missing Migrants on a map

This visualization displays the global distribution of missing migrants, with circle size representing the total number of dead and missing individuals at each location. The map uses the Natural Earth projection via `geoNaturalEarth1` and `geoPath` from D3, with SVG circles rendered as proportional symbols scaled by `scaleSqrt`. Data is loaded from a CSV using D3’s `csv` utility, while the world atlas is fetched as TopoJSON and converted to GeoJSON features and mesh lines for land and interior boundaries. React manages the component state and rendering, with D3 handling the geographic projections and scales.

SSai Phaltankar

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

90% match

Loading thumbnail…

Missing Migrants on a Map

This visualization shows the locations of missing migrants on a world map, using a natural Earth projection to render landmasses and graticules. Each migrant incident is drawn as a semi-transparent circle, with its radius scaled proportionally to the total number of dead and missing via a square-root scale. The map is built with d3.geoPath for geographic features and d3.geoGraticule for the coordinate grid, while data is loaded from a CSV file using d3.csv. The entire SVG is assembled in React, with world atlas topology processed through the topojson library’s feature and mesh functions.

JJohn Huang

90% match

Loading thumbnail…

Missing Migrants on a Map

This visualization maps missing migrant incidents worldwide using a natural Earth projection. Circles sized by the square root of the total dead and missing count are overlaid on geographic landmasses and graticules, with opacity highlighting incident density. It uses React for component structure, d3.geoNaturalEarth1 and d3.geoPath for projection and rendering, d3.scaleSqrt for radius encoding, and topojson to convert world atlas data. The dataset comes from the Missing Migrants CSV, with coordinates parsed and reversed for plotting.

AAnthony Ynami

90% match

Loading thumbnail…

missing migrants Points on a Map

This visualization combines a world map with a time series to show the locations and monthly totals of missing migrants. The map uses a natural Earth projection with `d3.geoPath` to render landmasses, graticules, and semi-transparent circles scaled by the square root of the reported dead and missing count. A linked histogram below, built with `d3.bin` and `scaleTime`, displays the aggregated monthly death toll. Data comes from the Missing Migrants Project, while country boundaries are sourced from World Atlas TopoJSON.

Zzyniax

90% match

Loading thumbnail…

Missing Migrants on a Map

This visualization maps the global distribution of missing migrants from 2014 to 2021, using a natural Earth projection rendered with `d3.geoNaturalEarth1` and `d3.geoPath`. Each circle represents a recorded incident, with its radius scaled proportionally to the total number of dead or missing via a square-root scale. The map overlays land polygons and country borders from the world-atlas TopoJSON dataset onto graticule lines. React manages the component hierarchy, while D3 loads the CSV data and handles geographic projections, all rendered as SVG elements with semi-transparent teal circles.

JJun Suzuki

89% match