Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Events

Public visualization

Viewing a saved revision (read-only)

8db3b29359c4484ab85ca2ef70b0fb24

Events

0 stars1🌍 Public
Vvivianaaai@qq.com
Last edited Nov 7, 2023
Created on Nov 7, 2023
Forked from InteractionBasic

Five gray circles demonstrate different D3 event bindings: the first changes color on click, the second on mouseover, the third on mouseout, and the fifth on contextmenu. A fourth circle, given an id, moves via WASD key presses using d3.transition() with a duration of 1000ms. The circles render as SVG, sized 1600 by 800, with random colors from d3.interpolateRainbow. Event handlers use d3.select and event.currentTarget to update fill attributes.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.