🌍 Public
9:58 map + bin
This example combines a proportional-symbol world map with a time-series histogram of monthly totals for dead and missing migrants, sourced from a CSV of global incident records. The map projects each incident’s coordinates using `d3.geoNaturalEarth1` and sizes red circles via `d3.scaleSqrt`, with country polygons colored by a random hue from `d3.hsl`. The lower panel uses `d3.scaleTime` and `d3.histogram` (with `d3.timeMonths` thresholds) to bin incidents by reported date, then renders the counts as SVG rectangles; axes and ticks are built with React components using `d3.scaleLinear` and `d3.timeFormat`.
AI-generated descriptionA program that loads in some data about CSS named colors using D3 utilities, and uses React state to keep track of the data.
MIT Licensed
Comments
Sign in to join the discussion.