Fork of Circles with D3
✓ Published1🌍 Public
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 descriptionAfrican 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