Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Map and Histogram with Brushing

Public visualization

Viewing a saved revision (read-only)

73a95b47dfbb4307abee16fef391a619

Map and Histogram with Brushing

0 stars0🌍 Public
Nnexus1058
Last edited May 3, 2021
Created on May 2, 2021
Forked from Map and Histogram

This interactive visualization combines a world map of bubble markers with a linked time-series histogram, allowing users to brush over a date range to filter the geographic data. It plots migrant deaths and disappearances from a global dataset, with bubble size scaled by the square root of the count using `d3.scaleSqrt`. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` with TopoJSON world atlas data. Brushing is implemented with `d3.brushX`, and the React components re-render filtered circles accordingly. The histogram is built with `d3.bin` and `d3.timeMonths`.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data as a radial burst!