Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Face Time

Public visualization

Face Time

0 stars4🌍 Public
MMatthew Rubino
Last edited Jun 3, 2021
Created on Jun 2, 2021

A stylized face rendered as SVG animates its nose and eyebrows with chained `transition` calls, while the mouth stays fixed using a `d3.arc` path. The circular yellow head and black stroke frame the components, and the nose bounces horizontally in a repeating loop triggered by `setTimeout`. The code uses `d3.select`, `d3.arc`, and attribute transitions, with dimensions parsed from the SVG via `parseFloat`. The brows move vertically in a two-second cycle, creating a simple, playful expression.

AI-generated description

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

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed