Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 test

Public visualization

Viewing a saved revision (read-only)

19dcbed55e27423da76d10b18d7533d4

D3 test

0 stars0🌍 Public
Vvmoharir
Last edited Nov 16, 2020
Created on Nov 16, 2020

This example shows a simple yellow face built from SVG shapes, with eyes that blink through a repeating eyebrow animation and a smiling arc-shaped mouth. The code uses D3 v6 selections to append circles, rectangles, and a path to an SVG canvas, while the mouth is drawn with the `d3.arc` helper. A two-stage `transition` chain animates the eyebrows downward and back, demonstrating chained timing. The face is centered using an SVG transform, and static styling comes from the included stylesheet.

AI-generated description

An example including some commonly used features of SVG.