Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Test

Public visualization

Viewing a saved revision (read-only)

42e39eb1006e44319eab2097e6c0da28

Test

0 stars0🌍 Public
NNita
Last edited Jan 3, 2024
Created on Jan 3, 2024

A smiley face rendered in SVG responds to mouse movement by shifting its eyebrows. Built with D3.js, the example demonstrates fundamental DOM manipulation via the `select` and `arc` APIs from D3 v5. The face is drawn on a 960 by 500 pixel SVG canvas within an HTML page, using a linked `bundle.js` to orchestrate the dynamic eyebrow repositioning. The minimal styling via `styles.css` keeps the canvas full-bleed. The interaction is limited to the visual state changes described; no additional data sources are involved.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.