Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

9:58 map + bin

Public visualization

9:58 map + bin

0 stars1🌍 Public
Uumgi
Last edited Mar 3, 2021
Created on Mar 3, 2021

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 description

A program that loads in some data about CSS named colors using D3 utilities, and uses React state to keep track of the data.

Comments

Sign in to join the discussion.

MIT Licensed