Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smile face using D3.js

Public visualization

Smile face using D3.js

0 stars1🌍 Public
AAbhishek Chandarana
Last edited Aug 19, 2020
Created on Aug 19, 2020

This example builds a smiling face with SVG shapes using D3.js v5. It draws a yellow circle for the head, two black circles for the eyes, and an arc-generated mouth using the `arc()` function. Animated eyebrow rectangles transition vertically via `transition.attr`, moving them up and down repeatedly. The face is centered with a group transformation, and all shapes are styled with fill and stroke attributes.

AI-generated description

An example including some commonly used features of SVG.

Comments

Sign in to join the discussion.

MIT Licensed