Skip to main content
SimilarExport ZIP
100%

Missing Migrants on a Map

✓ Published2🌍 Public
SShanmukh
Last edited May 8, 2024
Created on May 8, 2024
Forked from Points on a Map

This visualization displays the locations of missing migrants on a world map, with circle size proportional to the reported number of dead and missing individuals. The map uses a Natural Earth projection via d3.geoNaturalEarth1 and d3.geoPath, with landmasses, graticules, and country borders rendered from TopoJSON data. Circles are positioned using the projection and scaled with d3.scaleSqrt. React manages the component state, while data is loaded from a CSV of Missing Migrants Global records using d3.csv.

AI-generated description

A program that shows the top 10 most populous countries as a pathetic bar chart with no axes.

Data: United Nations World Population Prospects 2019.

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants on a Map

This visualization shows the global distribution of missing migrants, with circles sized by the total number of dead and missing individuals at each recorded location. The map uses a natural Earth projection rendered as SVG paths via d3.geoPath, with graticules and country borders from TopoJSON world-atlas data. Migrant locations are loaded from a CSV file, projected through d3.geoNaturalEarth1, and plotted as semi-transparent circles scaled by d3.scaleSqrt. React manages the component state and rendering, while d3's max function determines the domain for the size scale.

Iiblub
97% match
Loading thumbnail…

Missing Migrants on a Map

This visualization displays a world map of the Missing Migrants Dataset, where each circle represents a reported event and its size encodes the total number of dead and missing individuals. The map uses a natural Earth projection through d3.geoNaturalEarth1 and d3.geoPath to render landmasses, country borders, and graticules. Data points from a CSV are plotted as semi-transparent circles, with radii scaled using d3.scaleSqrt. The React application loads TopoJSON from World Atlas and SVG is used for all rendering.

Jjwlam83
96% 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
96% 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
96% 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

A world map displays the locations of missing migrant incidents, with semi-transparent circles sized by the total number of dead and missing individuals. The visualization uses D3’s geographic projections (`geoNaturalEarth1`, `geoPath`, `geoGraticule`) combined with React and SVG rendering. Circle sizes are scaled with `scaleSqrt`, and the map includes land masses, interior borders, graticules, and a sphere background. Data comes from a CSV of Missing Migrants Global records, while world geography uses TopoJSON from the world-atlas package.

BBen Brophy
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 Map

A world map displays the locations of missing migrant incidents, with circles sized by the number of dead and missing using a square root scale. The visualization uses d3.geoNaturalEarth1 and d3.geoPath for map rendering, with country boundaries and graticules from TopoJSON. React components manage state and rendering, while d3.csv loads the migrant dataset. Point positions derive from latitude and longitude coordinates, and circle opacity is fixed at 0.3 for visual clarity.

Ddumbdataguy@gmail.com
95% match