Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smiley face with D3.js

Public visualization

Smiley face with D3.js

0 stars1🌍 Public
Ssayli-lab
Last edited Aug 27, 2020
Created on Aug 27, 2020
Forked from HTML cars report

A yellow smiley face rendered in SVG animates its eyebrows in a repeating up-and-down motion. Drawing from a simple hardcoded set of shape parameters, the code uses D3 selections and the `arc` generator to construct the face, eyes, mouth, and rectangular eyebrows. The animation relies on chained `transition` calls with a two-second duration to move the eyebrow group along the y-axis. The example is built with D3 v6 within a React starter project, targeting the SVG element directly.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed