Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Brushing, Missing Migrants (codeAlong)

Public visualization

Viewing a saved revision (read-only)

274b361ae0a14ffe9cff33be1742ed15

Brushing, Missing Migrants (codeAlong)

0 stars0🌍 Public
Ttomahawk-jupiter
Last edited Jun 16, 2021
Created on Jun 15, 2021

This interactive visualization combines a natural Earth projection map with a time-series histogram to explore missing migrant incidents. The map displays circles scaled by the number of dead and missing, using `geoNaturalEarth1` and `geoPath` for geographic rendering. Users can brush over the histogram to filter the map's data points by date, with the brush extent implemented via `brushX`. The visualization loads world atlas data from TopoJSON, converts it to GeoJSON, and uses React to manage state, alongside d3's `scaleSqrt` for circle sizing and `histogram` for binning incidents by month.

AI-generated description

Loading topojson and convert in memory to geojson, then render to make a map.

Add points to the map.

tutorial Vid 8:47