Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smile face using D3.js

Public visualization

Viewing a saved revision (read-only)

48a6bb22d85448d4b1e66bc203729ef5

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.