Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

circle

Public visualization

Viewing a saved revision (read-only)

75a33210688a4a24b773e8baad554acd

circle

0 stars1🌍 Public
MMTR
Last edited May 5, 2021
Created on May 4, 2021
Forked from Fork of D3 Starter

A single red circle rendered in SVG, centered within a full-viewport canvas, with a green radial line extending from its center to the right edge. The visualization demonstrates basic D3.js v6 setup and styling, using inline SVG elements and a CSS hover animation that rotates the entire group containing both shapes. The code defines a `g` element with an id, positions it via a CSS transform, and applies a keyframe animation on hover that spins the group 360 degrees over five seconds. No data is loaded; the example focuses purely on static geometric primitives and interactive CSS-driven motion within an SVG coordinate system.

AI-generated description

A demonstration of how to start using D3 version 6.