Multiple Views with Fast Brushing
✓ Published1🌍 Public
A world map displays the global distribution of missing migrants, with circles sized by the total number of dead and missing. A linked time histogram below shows the same data aggregated by month, with a d3.brushX selection filtering the map’s circles in real time. Using React’s useState and useEffect, the example combines d3.geoNaturalEarth1, d3.geoPath, and d3.scaleSqrt with a TopoJSON world atlas, while the histogram uses d3.bin and d3.scaleTime. Data comes from the Missing Migrants Project.
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.
MIT Licensed