Multiple Views with Fast Brushing
A world map and a time-series histogram show the locations and monthly totals of missing migrants. Users brush a time interval in the histogram, instantly filtering the map’s circles to reflect the selected range. Built with React hooks, the visualization uses `d3-geo`’s `geoNaturalEarth1` and `geoPath` for map projection, `d3.brushX` for interactive selection, and `d3.bin` with `timeMonths` for aggregating data. The map’s point radii derive from `d3.scaleSqrt`, with data sourced from the Missing Migrants Project and world boundaries from World Atlas TopoJSON.
AI-generated descriptionA world map showing cities with population greater than 50,000. City data from Simplemaps: World Cities Database.
Country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.
This iteration is optimized for performance using React's useMemo hook.
Comments
Sign in to join the discussion.