Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Multiple Views Cleanup

Public visualization

Viewing a saved revision (read-only)

eb17a34edf764f57857a6cc433f9d20e

Multiple Views Cleanup

0 stars1🌍 Public
Jjwlam83
Last edited Jan 15, 2022
Created on Jan 15, 2022

This example combines a bubble map with a date histogram to visualize missing migrants data. The map uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render world landmasses, graticules, and country borders, with circle sizes scaled by `d3.scaleSqrt` based on the total dead and missing. The histogram below bins reported dates into monthly intervals using `d3.histogram` and `d3.timeMonths`, summing casualties per bin with `d3.sum`. Both views render as SVG within a React component structure, pulling data from a CSV of migrant incidents and TopoJSON world atlas boundaries.

AI-generated description

A 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.