Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Circles

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

8d96c5eab94b47f496a4e1337921210a

Open

Fork of Circles

0 stars1🌍 Public
Cchris.shimotake@gmail.com
Last edited Apr 30, 2024
Created on Apr 29, 2024
Forked from Circles

Seven colored circles of varying sizes and positions render as an SVG. The visualization uses D3 v5’s `select`, `selectAll`, and `join` to bind an array of circle objects, setting each circle’s `cx`, `cy`, `r`, `fill`, and a uniform opacity via `.attr`. Clicking any circle triggers an `alert` displaying the circle’s `name`, if defined, using a D3 event listener.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.