Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a face - Ex 1

Public visualization

Making a face - Ex 1

0 stars0🌍 Public
EEzhil-Kalai
Last edited Feb 25, 2023
Created on Feb 25, 2023
Forked from D3 Starter

A face made of simple SVG shapes—a yellow circle, two eyes, eyebrows, and a curved mouth—animates gently on a dark background. D3 v7’s `select` and `append` methods build the graphic, while `transition` chains smoothly move the eye group, eyebrows, and mouth through two-second cycles. The path for the mouth is generated using the `arc` API. This example demonstrates basic D3 transitions and shape construction from scratch.

AI-generated description

A demonstration of how to start using D3 version 6.

Comments

Sign in to join the discussion.

MIT Licensed