Skip to main content
SimilarExport ZIP
100%

migrant data on a map

✓ Published1🌍 Public
BBlake McCarty
Last edited May 15, 2022
Created on May 15, 2022

This visualization displays global migrant fatalities using a world map. Each circle represents a data point, with its radius scaled to the "Total Dead and Missing" count via a square-root scale. The map includes landmasses, graticules, and country boundaries. The code uses d3.geoPath and d3.geoNaturalEarth1 for the projection, React for the interface, and imports CSV data through the d3.csv function. SVG circles are rendered with adjustable opacity, and the overall design uses a clean, light aesthetic.

AI-generated description

Half of the smiley HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Migrants on a Map

This visualization displays migrant deaths as proportional circles on a natural Earth projection map. The data, sourced from a CSV file containing coordinates and death counts, is plotted using d3.scaleSqrt to size each circle according to the number of fatalities. The map is rendered with React and SVG elements, utilizing d3.geoNaturalEarth1 and d3.geoPath for geographic projections, with d3.geoGraticule adding grid lines. The world atlas features come from TopoJSON, and the circles are semi-transparent green to show overlapping incidents.

Ww.fukuyama@gmail.com
92% match
Loading thumbnail…

Map with Migrant Dataset Project

This map visualizes global migrant deaths and disappearances, using the "Total Dead and Missing" count to size each circular marker via d3.scaleSqrt. The visualization projects these events onto a Natural Earth sphere with graticules and country interiors, rendered as SVG paths with d3.geoPath. The project uses React for the application structure and the d3 library for data loading and projection, sourcing its dataset from a CSV of the Missing Migrants Project. Styling is handled via CSS classes, with semi-transparent teal circles denoting casualty magnitudes.

SSam Hege
92% match
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
91% match
Loading thumbnail…

Missing & Death Migrate World Map

This interactive world map visualizes the locations and magnitudes of missing and dead migrants, with each incident represented by a circle. The circles are sized proportionally to the total dead and missing count using a square-root scale, and are positioned via the `geoNaturalEarth1` projection. The visualization is built with React and D3 v6, using `geoPath` and `geoGraticule` to render landmasses, graticules, and the sphere. The data is sourced from a CSV file containing global migrant incident records, and the map is rendered as an SVG.

AAmir
91% match
Loading thumbnail…

Missed Migrants on a Map

A world map visualizes the locations and magnitudes of migrant deaths and disappearances, with circles sized by the “Total Dead and Missing” count. The map uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, overlaid with graticules and country boundaries from TopoJSON. Data comes from a CSV of Missing Migrants events, rendered as semi-transparent SVG circles scaled with `d3.scaleSqrt`. The visualization is built with React and D3 v5, distributing proportional symbols across the globe.

Ee-ines
90% match
Loading thumbnail…

Migrant Map

A world map visualizes missing migrant incidents, with semi-transparent purple circles sized by the total number of dead and missing at each location. The visualization uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render landmasses, country interiors, and graticules from TopoJSON world atlas data. Circle radii are scaled with `d3.scaleSqrt` based on data from a CSV of missing migrants. The React-based implementation loads the data and map topology asynchronously using hooks before rendering SVG circles over the geographic base.

FFonda Irena Santoso
90% match
Loading thumbnail…

Combined Migrants on a Map

This example visualizes global migrant deaths by plotting circles on a natural Earth projection map. Each circle’s radius is scaled to the reported number of fatalities, using a square-root scale for proportional sizing. The map displays landmasses, graticules, and country interiors via `d3.geoPath` and `d3.geoNaturalEarth1`, while React components render SVG circles and axes. Data is loaded from a CSV file, and the world atlas comes from TopoJSON, with styling controlled by CSS classes.

Ww.fukuyama@gmail.com
90% match
Loading thumbnail…

Missing Migrants on a Map

This visualization displays global migrant deaths and disappearances as circles on a natural Earth projection map. Dot size encodes the total dead and missing per incident location, overlaid on graticules and landmasses from a TopoJSON world atlas. React manages the component tree, while D3’s `geoPath`, `geoNaturalEarth1`, and `geoGraticule` handle projection and rendering. A CSV dataset supplies coordinates and casualty figures, with mark radius scaled by `d3.scaleSqrt` for proportional visual encoding.

PPeter Krevenets
90% match