Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Dataviz 1 Circles with D3

Public visualization

Viewing a saved revision (read-only)

78f513a3553e49e0b925c64883dd7b9e

Dataviz 1 Circles with D3

0 stars0🌍 Public
YYiyi Wu
Last edited Sep 9, 2024
Created on Sep 4, 2024
Forked from Circles with D3

This example renders two layered SVG scenes on top of each other, each filling the container. The first scene draws seven semi-transparent circles with varying radii and positions, while the second places seven rectangles at matching coordinates, creating a mixed geometric composition. Both layers use a pastel green background and encode data through position, size, and color. The visualization is built with D3 v7, using `select`, `selectAll`, `data`, and `join` to bind static arrays of circle and rectangle objects to SVG elements. It demonstrates a simple declarative approach to generative art without interactivity or animation.

AI-generated description

Fall 2024 dataviz hw1