Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face

Public visualization

Viewing a saved revision (read-only)

738f88bb00364e8d8ae1cb95c143020b

Let's make a face

0 stars0🌍 Public
Ffigment-tree
Last edited Mar 8, 2021
Created on Mar 3, 2021

This example builds a smiling face from basic SVG shapes using D3.js v6. A yellow circle forms the head, with two eyes and a mouth drawn as a path using the `arc` generator. The eyebrows, rendered as rectangles, animate upward and back down via chained `transition().duration(500)` calls. The code imports `select` and `arc` from D3, positions elements relative to a centered group, and uses SVG attributes like `cx`, `cy`, and `d` for layout.

AI-generated description

An example including some commonly used features of SVG.