Missing Migrant On Map

100%

Missing Migrant On Map

✓ Published2🌍 Public

Last edited Feb 27, 2021

Created on Feb 27, 2021

A world map visualization displays locations of missing migrants, with each circle's radius scaled by the square root of the reported total dead and missing, using a D3 projection. The map is rendered with SVG, leveraging React for the component structure and D3's geoEqualEarth projection, geoPath, and geoGraticule for the map elements. Circle sizes are determined by a sqrt scale, and the migrant data is loaded from a CSV via D3's csv function.

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 displays a world map with circles representing missing migrants, where circle size corresponds to the total number of dead and missing individuals. Using React to render SVG marks, the code employs the D3 library's `geoNaturalEarth1` projection, `geoPath`, and `geoGraticule` to draw the sphere, graticules, landmasses, and interiors. Data is loaded from a CSV file containing migrant incident coordinates. Circle radii are determined via a square-root scale mapping the “Total Dead and Missing” values.

Nnpelliccia

95% match

Loading thumbnail…

Missing Migrants on Map

A world map displays the locations of missing migrant incidents, with circle size scaled proportionally to the total dead and missing count at each coordinate. The visualization uses an equirectangular projection via `d3.geoEquirectangular` and `d3.geoPath`, overlaid with graticules and country boundaries from TopoJSON. Circle radii are determined by a square-root scale (`d3.scaleSqrt`) mapping the maximum casualty count to 15 pixels. The React-based SVG rendering loads CSV data containing geospatial coordinates and casualty figures, styling landmasses and interior borders for a polished, readable presentation.

Ssmile2git

95% match

Loading thumbnail…

Missing migrants on a Map

This map visualization shows the global distribution of missing migrants, with the size of each circle representing the total number of dead and missing individuals at a given location. The visualization uses a natural Earth projection and overlays semi-transparent circles on a world map, alongside graticules and country borders for geographic context. Built with React and D3 v5, the code employs `d3.geoNaturalEarth1`, `d3.geoPath`, and `d3.geoGraticule` to render the map, while a square root scale (`d3.scaleSqrt`) maps the migrant counts to circle radii. Data comes from a CSV file of the Missing Migrants Project, with geographic coordinates parsed and projected onto the SVG canvas.

Bbsolomon103

94% match

Loading thumbnail…

Missing Migrants on a Map

This map visualizes the locations of missing migrant incidents across the globe, using circle size to represent the total number of dead and missing. Built with React and d3, it renders an SVG using d3.geoPath to draw land and graticule from a world atlas, with circles positioned via d3.geoNaturalEarth1 projection. Data comes from a CSV of the Missing Migrants Project, with circle radii scaled using d3.scaleSqrt.

SSerind Joshua McCue

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

94% match

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

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

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

93% match