Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Circles with D3

Public visualization

Viewing a saved revision (read-only)

e225548918824f4bb6a8ccc18859063a

Fork of Circles with D3

0 stars1🌍 Public
BBismark Kofi Owusu Sarfo
Last edited Aug 27, 2025
Created on Aug 27, 2025
Forked from Circles with D3

This example displays a scatter of seven colorful circles of varying sizes over a large central circle containing a simplified African continent outline. The visualization uses D3 v7 with a `ResizeObserver` to redraw responsively, and the continent is drawn as a hand-coded path computed from the center circle's coordinates. Circle positions and radii are hardcoded as static data, with `.join()` and `.attr()` methods managing SVG element updates. The central circle uses a light fill with dark stroke, while the data circles render semi-transparently on a pale green background.

AI-generated description