Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

EP02 | 學會 D3.js 製作圖表 - 製作笑臉

Public visualization

Viewing a saved revision (read-only)

a4349e259f194621b90179b5cde54864

EP02 | 學會 D3.js 製作圖表 - 製作笑臉

0 stars0🌍 Public
CCeleste6666
Last edited Nov 5, 2021
Created on Nov 5, 2021

This example draws a smiling face as an SVG graphic using D3.js version 7. The yellow circle face, two eyes, arc path mouth, and rectangular eyebrows are all constructed with D3 shape and selection APIs, including `d3.arc` for the mouth’s curved path. A `transition` animates the eyebrows upward and back downward over two seconds each, demonstrating chained transitions on a transformed group element.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.