Skip to main content
100%

Fork of Circles with D3

✓ Published1🌍 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

African Map Visualization

A D3.js visualization featuring colored circles with a prominent circle in the center containing a simplified African map.

Features

  • Multiple colored circles distributed around the canvas
  • Large central circle with a stylized African continent outline
  • Responsive design that adapts to container size
MIT Licensed

Similar vizzes