Fork of Missing Migrants on a Map

100%

Fork of Missing Migrants on a Map

✓ Published0🌍 Public

Last edited May 15, 2023

Created on May 15, 2023

This visualization maps the Missing Migrants Dataset, plotting each event as a circle positioned using a Natural Earth projection. The map layers include graticules, land borders, and interiors, all rendered as SVG paths using `geoPath` and `geoGraticule` from `d3`. Circle radii encode the "Total Dead and Missing" count via a square-root scale. React manages the UI, with D3's `csv` loading the data and `topojson` processing the world atlas topology.

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

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

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

96% match

Loading thumbnail…

Fork of Missing Migrants on a Map

This example visualizes the Missing Migrants Dataset, where each circle represents a single recorded event and its radius encodes the total number of dead and missing. The map uses a Natural Earth projection rendered with `d3.geoPath`, while country boundaries come from the world-atlas TopoJSON file. The visualization is built in React, with size scaling handled by `d3.scaleSqrt` and data loading through `d3.csv`. Each point is drawn as an SVG circle with a semi-transparent fill.

YYedrup

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

96% match

Loading thumbnail…

Fork of Missing Migrants on a Map

This visualization maps migration events from the Missing Migrants Dataset, with each circle representing a single incident and sized by the total dead and missing using a square-root scale. The map renders country boundaries and graticules via d3.geoPath with a natural Earth projection, while React manages the component state and markup. Data is loaded asynchronously with d3.csv and the world atlas is fetched as TopoJSON, with land features converted using topojson.feature.

RRoberto

96% match

Loading thumbnail…

Fork of Missing Migrants on a Map

This visualization maps the Missing Migrants Dataset, plotting each migrant death or disappearance event as a semi-transparent point on a natural Earth projection. Circle size encodes the total number of dead and missing per event using a square-root scale. The code leverages React with D3’s `geoNaturalEarth1`, `geoPath`, and `geoGraticule` to render SVG landmasses, country boundaries, and graticules. World Atlas TopoJSON provides geographic features, while the dataset is loaded via D3’s `csv` parser.

AAmnaRizvi-S

95% match

Loading thumbnail…

Fork of Missing Migrants on a Map

This visualization maps the Missing Migrants Dataset, where each point represents a single migrant event and its radius encodes the total dead and missing count. The interactive view uses a Natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render land and graticule layers, with circles positioned through the projection. Built with React and D3 v5, it loads the data using `d3.csv` and displays a world atlas from TopoJSON.

PPratik Raja

95% match

Loading thumbnail…

Fork of Missing Migrants on a Map

This example visualizes the Missing Migrants Dataset, plotting each event as a circle on a world map where circle size encodes the total dead and missing. It renders a Natural Earth projection using `d3.geoNaturalEarth1` and `d3.geoPath`, with graticules and country boundaries from World Atlas TopoJSON. React manages the component state and data loading, while D3’s `scaleSqrt` determines radius scaling from the data’s maximum value. Circles are drawn as SVG elements with partial opacity.

AAliaksandr

95% match