Fork of World Map migrants

100%

Fork of World Map migrants

✓ Published2🌍 Public

Last edited Apr 7, 2021

Created on Apr 7, 2021

This visualization displays a world map with semi-transparent circles marking locations of missing migrants, sized proportionally to the total number of dead and missing individuals. Using React, d3.geoNaturalEarth1, and d3.geoPath, it renders land boundaries, interiors, graticules, and a sphere. Circle radii are scaled with d3.scaleSqrt based on data from a CSV dataset, which is loaded via d3.csv and combined with World Atlas TopoJSON for geographic features.

AI-generated description

A world map showing country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Missing Migrants on a Map

A world map displays individual migration events from the Missing Migrants Dataset, with each circle sized by the square-root-scaled count of dead and missing people at that location. D3’s `geoNaturalEarth1` projection and `geoPath` render the sphere, graticules, land, and country interiors from World Atlas TopoJSON, while React components manage the SVG marks. Data loads via D3’s `csv` and `json`, and circle radii use `scaleSqrt` with a maximum radius of 15 pixels.

MMilena Belianovich Holtman

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

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

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

92% match

Loading thumbnail…

Fork of Missing Migrants on a Map

A world map displays missing migrant events as semi-transparent circles, with circle size scaled by the square root of the total dead and missing count per event. A time-series bar chart below aggregates the same metric by month. The visualization uses React for component structure, d3.geoNaturalEarth1 and d3.geoPath for map projection, d3.scaleSqrt for circle sizing, and d3.bin with d3.timeMonths for histogram binning. Data comes from the Missing Migrants Dataset, with country boundaries from World Atlas TopoJSON.

Ttrissentety

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

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

91% match

Loading thumbnail…

Fork of Worldmap with missing migrants

This interactive visualization combines a world map with a time-series histogram to explore missing migrant incidents. The map displays circles scaled by the total number of dead and missing using a d3-geoNaturalEarth1 projection and geoPath, while the histogram aggregates monthly totals. A d3.brushX selection on the histogram filters the map’s displayed data. The code uses React, d3.v7, and topojson for world atlas features, with data from a CSV of global missing migrants.

DDaniel Zsido

91% match