Fork of Missing Migrants on a Map

100%

Fork of Missing Migrants on a Map

✓ Published0🌍 Public

Last edited Apr 17, 2024

Created on Apr 17, 2024

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.

AI-generated description

A world map of the Missing Migrants Dataset.

Each point in the plot represents a single event.

Country boundaries from World Atlas TopoJSON.

MIT Licensed

Similar vizzes

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

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

95% match

Loading thumbnail…

Fork of Missing Migrants on a Map

This visualization maps events from the Missing Migrants Dataset as circles sized by the total dead and missing per incident. It uses a natural Earth projection with SVG rendering, showing country boundaries, graticules, and a sphere outline. The code leverages d3.geoNaturalEarth1, d3.geoPath, and d3.geoGraticule for map geometry, while d3.scaleSqrt maps death tolls to circle radii. Data loading relies on d3.csv and topojson for world atlas features, all within a React framework using d3.v5.

NNart Williamson

95% match

Loading thumbnail…

Fork of Missing Migrants on a Map

This interactive React application visualizes the Missing Migrants Dataset as a world map, where each circle represents an event and its radius reflects the total number of dead and missing individuals. Built with D3.js v5, the visualization employs a Natural Earth projection with graticules and country boundaries sourced from the World Atlas TopoJSON. The code leverages `geoNaturalEarth1`, `geoPath`, and `geoGraticule` from D3, along with `scaleSqrt` to map the death toll to circle sizes, rendering the SVG output through React components.

Cchar0496

95% match

Loading thumbnail…

Fork of Missing Migrants on a Map

This visualization displays the Missing Migrants dataset on a world map, with each circle representing a single event where migrants have died or gone missing. The circle radius encodes the total number of dead and missing using a square-root size scale. It renders geographic basemap features using `d3.geoPath` with a Natural Earth projection, including land polygons, graticules, and country interiors from the world-atlas TopoJSON source. The D3 `geoGraticule` and `geoNaturalEarth1` functions generate the map framework, while React manages the state and SVG rendering.

Kkzaiets

95% match

Loading thumbnail…

Fork of Missing Migrants on a Map

This visualization displays events from the Missing Migrants Dataset as semi-transparent circles on a natural Earth projection map. Each circle’s radius encodes the total dead and missing count using a square-root scale, with country boundaries and graticules rendered for geographic context. Built with React and D3 v5, it uses d3.geoNaturalEarth1, d3.geoPath, and d3.geoGraticule to project and draw the map, while d3.csv loads the data and d3.scaleSqrt sizes the circles. The map is rendered as SVG, with TopoJSON land and interior boundaries from the World Atlas dataset.

Eevers-codeshop-ai

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

95% match

Loading thumbnail…

Fork of Missing Migrants on a Map

This visualization displays global missing migrant events on a natural Earth projection using SVG circles sized proportionally to the reported dead and missing per event via a square-root scale. Built with React and D3 v5, it leverages `d3.geoNaturalEarth1`, `geoPath`, and `geoGraticule` for map geometry, while loading country boundaries from the World Atlas TopoJSON and event data from a CSV via `d3.csv`. Landmasses render in light gray with graticules, and semi-transparent teal circles mark incident locations.

FFractal Framing

95% match