Skip to main content
SimilarExport ZIP
100%

Dataviz 2020_Ep40 - 32. Missing Migrants3 - Sized Circles on a Map

✓ Published2🌍 Public
MMinwoo Pak
Last edited Jul 30, 2021
Created on Jul 22, 2021

A world map displays circles sized by the number of total dead and missing migrants, with data from a CSV of global migrant incidents. The visualization uses a natural Earth projection rendered as SVG via React, with D3’s `geoPath` and `geoGraticule` for map outlines. Circle radii are scaled using a square-root scale (`scaleSqrt`) based on the maximum value, and the map layers include land, interiors, and sphere boundaries.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data.

MIT Licensed

Similar vizzes

Loading thumbnail…

Dataviz 11 - Missing migrants #3

A world map displays incidents of missing migrants, with semi-transparent circles sized by the total number of dead and missing at each location. The visualization uses a natural Earth projection via `geoNaturalEarth1` and renders country boundaries, graticules, and the sphere through `geoPath`. Circle radii are scaled with `scaleSqrt` based on the maximum value. React manages the component state, while `useWorldAtlas` and `useData` load TopoJSON land and interior mesh data alongside a CSV of migrant incidents, all rendered as SVG elements.

RRyAlpha
93% 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
92% match
Loading thumbnail…

Ep. 40 - Missing Migrants on a Map

This visualization displays the global distribution of missing migrants, with circles sized according to the square-root-scaled count of total dead and missing individuals. A world map serves as the backdrop, rendered using D3’s `geoNaturalEarth1` projection, `geoPath`, and `geoGraticule` to draw landmasses and graticules. The interactive React application loads geographic data via `topojson` and migrant data from a CSV file (Data Canvas Sense Your City Dataset), plotting each incident as a semi-transparent circle positioned by its location coordinates.

YYee Han
91% match
Loading thumbnail…

Missing Migrants on a Map

A world map displays the locations of missing migrants, with semi-transparent circles sized by the total number of dead and missing per incident. The visualization uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, with graticules and country boundaries from World Atlas TopoJSON. Circle radii are scaled using `d3.scaleSqrt` based on the maximum death toll, and React manages the SVG rendering. Data comes from the Missing Migrants Global 2019 CSV, loaded with `d3.csv`.

TTsaiJie
90% 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 on a Map

This visualization maps the global distribution of missing migrants, with circle size encoding the total number of dead and missing per reported location. The map uses a natural Earth projection via `geoNaturalEarth1` and renders geographic features with `d3.geoPath`, including land masses, graticules, and interiors. The React app loads CSV data from a GitHub gist using D3’s `csv` parser, while world topology comes from the world-atlas package. The size scale uses `scaleSqrt` to map values to circle radii, and SVG circles are positioned using the projection’s coordinate output.

NNikita Toropov
90% match
Loading thumbnail…

Missing Migrants on a Map

This visualization maps the Missing Migrants Dataset, showing each migrant event as a circle on a world map. Circle size encodes the total number of dead and missing per event using a square-root scale. The map is rendered with SVG using D3’s `geoNaturalEarth1` projection and `geoPath`, with graticules and country boundaries from World Atlas TopoJSON. The React-based interface loads data via `useData` and `useWorldAtlas` hooks, styling circles with low opacity to reveal overlapping incidents.

SStefan Du Plessis
90% 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
90% match