Fork of Points on a Map

100%

Fork of Points on a Map

✓ Published0🌍 Public

Last edited Oct 3, 2021

Created on Oct 3, 2021

This interactive visualization plots missing migrant incidents from a 2019 global dataset on an SVG world map. The map uses d3.geoNaturalEarth1, d3.geoPath, and topojson to render landmasses, graticules, and interiors, while scaled circles (d3.scaleSqrt) encode total deaths and missing persons per location. The React-based bubble map displays the raw geographic distribution, with a temporal histogram component available for analyzing casualty counts by reported date. The visualization is built with d3.v5 and React, loading data via d3.csv and world atlas GeoJSON.

AI-generated description

A ScatterPlot of Week's Temperature

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Points on a Map

This interactive world map visualizes the locations of cities and missing migrant incidents using a Natural Earth projection. The view combines graticules, land masses, and country boundaries rendered as SVG paths via d3.geoPath. Circular marks are positioned by projecting longitude/latitude coordinates with d3.geoNaturalEarth1, with city data sourced from Simplemaps and incident data from a CSV file. The visualization is built with React and d3.v5, using topojson for world atlas data processing.

Ttopnep

90% match

Loading thumbnail…

Fork of Missing Migrants on a Map

This visualization maps the Missing Migrants Dataset, plotting each migrant death or disappearance event as a semi-transparent point on a natural Earth projection. Circle size encodes the total number of dead and missing per event using a square-root scale. The code leverages React with D3’s `geoNaturalEarth1`, `geoPath`, and `geoGraticule` to render SVG landmasses, country boundaries, and graticules. World Atlas TopoJSON provides geographic features, while the dataset is loaded via D3’s `csv` parser.

AAmnaRizvi-S

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

88% match

Loading thumbnail…

Fork of Missing Migrants on a Map

This visualization maps events from the Missing Migrants Dataset as circles sized by the total dead and missing per incident. It uses a natural Earth projection with SVG rendering, showing country boundaries, graticules, and a sphere outline. The code leverages d3.geoNaturalEarth1, d3.geoPath, and d3.geoGraticule for map geometry, while d3.scaleSqrt maps death tolls to circle radii. Data loading relies on d3.csv and topojson for world atlas features, all within a React framework using d3.v5.

NNart Williamson

88% match

Loading thumbnail…

Fork of Missing Migrants of a map

This visualization combines a bubble map with a time-series histogram to display missing migrant incidents. Migrant deaths and disappearances are plotted as semi-transparent circles on a natural Earth projection using `d3.geoNaturalEarth1` and `d3.geoPath`, with circle size scaled via `d3.scaleSqrt` by total casualties. Below the map, a date histogram aggregates the same data by month, using `d3.bin`, `d3.scaleTime`, and `d3.scaleLinear` to show temporal patterns. The map and chart both render as SVG elements within a React component, pulling data from a Missing Migrants CSV subset and world atlas TopoJSON.

Ssophievanderhorst

88% match

Loading thumbnail…

Fork of Missing migrants on a Map

This visualization combines a bubble map and a date histogram to show missing migrants globally. The map uses d3.geoNaturalEarth1 projection with d3.geoPath to render world land masses, while circles sized by d3.scaleSqrt represent the total dead and missing per location. The histogram below uses d3.bin and d3.timeMonths to aggregate the same metric by reported date, with axes rendered by custom React components. Data comes from the Missing Migrants Project CSV, loaded via d3.csv, and the world atlas TopoJSON is processed with topojson.feature and topojson.mesh.

Bbsolomon103

88% match

Loading thumbnail…

Fork of Missing Migrants on a Map

This visualization maps migration events from the Missing Migrants Dataset, with each circle representing a single incident and sized by the total dead and missing using a square-root scale. The map renders country boundaries and graticules via d3.geoPath with a natural Earth projection, while React manages the component state and markup. Data is loaded asynchronously with d3.csv and the world atlas is fetched as TopoJSON, with land features converted using topojson.feature.

RRoberto

88% match

Loading thumbnail…

Fork of Points on a Map migrants

This example displays a world map using the Natural Earth projection, with points plotted to represent migrant locations from the Missing Migrants Global 2019 subset dataset. The map renders landmasses, graticules, and interior boundaries via `d3.geoPath` and `d3.geoGraticule`, while circles are positioned with the `geoNaturalEarth1` projection. The visualization is built using React, D3 v5, and TopoJSON, pulling geographic data from the World Atlas TopoJSON and city coordinates from a CSV source.

NNart Williamson

88% match