Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

one work d3js

Public visualization

Viewing a saved revision (read-only)

38d486a090fd4563bb763b5b9d28b76c

one work d3js

1 star0🌍 Public
FFarhodXoliyarov
Last edited Oct 6, 2022
Created on Oct 6, 2022

This example shows a smiling face built from SVG primitives—a yellow circle with black stroke, two eyes, eyebrows, and an arc-based mouth—centered on a blue background. The eyebrows animate upward and back down using chained `transition().duration()` calls, creating a brief surprised expression. The code uses D3 v5 selections (`d3.select`) and the `d3.arc` shape generator to construct the mouth, with SVG attributes set for positioning and styling. No external data source is used; all elements are hardcoded.

AI-generated description

An example including some commonly used features of SVG.