Skip to main content
SimilarExport ZIP
100%

Map with Migrant Dataset Project

✓ Published1🌍 Public
SSam Hege
Last edited Oct 24, 2022
Created on Oct 24, 2022

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.

AI-generated description

A program that loads and visualizes some data

MIT Licensed

Similar vizzes

Loading thumbnail…

migrant data on a map

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.

BBlake McCarty
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 Migrants On A Map

This example visualizes the global scale of migrant deaths and disappearances using a natural Earth projection. Sized circles, colored in a translucent blue, are positioned at the recorded coordinates of each incident, with the circle’s area encoding the total number of dead and missing individuals. The map is rendered as an SVG using `d3.geoPath` for landmasses and graticules, which are displayed atop a light gray sphere. Data is loaded from a CSV file containing global figures, and the circle sizes are scaled using `d3.scaleSqrt`, all within a React application that fetches the world atlas topology via `topojson`.

JJoe Hutchins
91% match
Loading thumbnail…

Migrant Dataset with Multiple Views

This visualization displays global migrant deaths and disappearances using a natural Earth projection. Circles, sized with a square-root scale according to the "Total Dead and Missing" value, are projected onto the map via `d3.geoNaturalEarth1` and `d3.geoPath`. The world atlas, including landmasses and graticules, is rendered from TopoJSON using the `topojson` library, with data loaded from a CSV file. React manages the SVG output, combining geospatial context with proportional point symbols to reveal the geographic distribution of migrant fatalities.

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

Missing Migrants map

This map visualizes missing migrant incidents worldwide, with circles sized proportionally to the total number of dead and missing individuals using a d3.scaleSqrt scale. Each circle is positioned at its recorded coordinates via a geoNaturalEarth1 projection and drawn with geoPath for landmasses, graticules, and country interiors from the world-atlas TopoJSON dataset. The React-based visualization uses D3 v7 to load CSV data containing location coordinates and casualty counts, rendering semi-transparent teal circles over a muted geographic backdrop.

Ddaneslutzky
90% match