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)

435003fa7f6144059679e9db90e910bd

Fork of Circles with D3

0 stars0🌍 Public
RRyan Offstein
Last edited Aug 24, 2025
Created on Aug 24, 2025
Forked from Circles with D3

This example renders a fixed composition of overlapping circles and rectangles on a full-screen SVG canvas. The visualization displays fourteen geometric shapes, each defined with explicit x, y, dimensions, color, and shape type in a static array, using a yellow-green background and semi-transparent fills. Using d3.select and data joins, the code filters the dataset by shape type and applies circle or rect attributes, such as cx, cy, r, width, and height, to draw the mixed shapes via D3 v7's selection methods.

AI-generated description