Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

p001-circles

Public visualization

Viewing a saved revision (read-only)

6160494cbbcc4d4f9b0291caf7304225

p001-circles

0 stars0🌍 Public
SShad Frigui
Last edited Feb 10, 2024
Created on Feb 10, 2024
Forked from Circles with D3

This example shows five semi-transparent circles of varying sizes and colors positioned across a light green background. Each circle is defined by explicit x, y, and radius values within a hardcoded data array, with a fixed opacity of 0.7 applied to all shapes. The visualization uses D3’s `select` and data join pattern to bind the array to SVG `circle` elements, setting attributes for position, size, and fill color. The SVG canvas is created with dimensions matching the container’s client width and height.

AI-generated description

Constructing Visualizations Course

Creating circles with D3