Skip to main content
SimilarExport ZIP
100%

Missing Migrants on a map

✓ Published2🌍 Public
SSai Phaltankar
Last edited Jun 1, 2022
Created on Jun 1, 2022
Forked from Points 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.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data.

MIT Licensed

Similar vizzes

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
97% match
Loading thumbnail…

Missing Migrants on a Map

This map visualizes the global distribution of missing migrants, with circle size proportional to the total number of dead and missing per location. Using D3’s `geoNaturalEarth1` projection with `geoPath`, the visualization renders landmasses and graticules, while `scaleSqrt` encodes data values into circle radii. Data comes from a CSV of Missing Migrants incidents, loaded via `d3.csv`, and the world atlas is fetched as TopoJSON and converted to GeoJSON using `topojson.feature`.

Jjbruzzo
97% match
Loading thumbnail…

Missing Migrants on a Map

This visualization maps the global distribution of missing migrants, using semi-transparent circles to represent the total number of dead and missing individuals at each recorded location. The geographic context is provided by a natural Earth projection rendered with D3’s `geoNaturalEarth1` and `geoPath`, overlaid with graticules and country boundaries from World Atlas TopoJSON. Circle radii are scaled with a square-root scale based on the data’s maximum value. The React app fetches data from a CSV and JSON from external sources, leveraging `scaleSqrt` and `useWorldAtlas` hooks to load and process both datasets.

Jj-PGi
97% match
Loading thumbnail…

Missing Migrants on a Map

This map visualization displays the global distribution of missing migrants, with circles sized by the total number of dead and missing individuals per location. Using a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, it renders land masses, graticules, and country interiors as SVG paths. Circle radii are scaled with `d3.scaleSqrt` based on the data’s maximum value. The data is loaded asynchronously from a CSV using D3’s `csv` utility, while world map topology comes from a JSON file processed with TopoJSON’s `feature` and `mesh` functions. React hooks manage the loading state.

LLewis Ward
96% match
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
96% 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
96% 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
96% 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
96% match