Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Lets make face with d3.js

Public visualization

Viewing a saved revision (read-only)

96aa61f4dea743408d3bff9fc2bc9cc8

Lets make face with d3.js

0 stars1🌍 Public
Oowenking2710@gmail.com
Last edited Nov 14, 2023
Created on Sep 24, 2023

This example draws a cheerful, cartoon-style face using SVG shapes created with D3.js v7. The face consists of a yellow circle for the head, two eyes, and a mouth built with the `arc` function. The visualization also includes an animation where the eyebrows move up and down repeatedly via chained `transition` calls, demonstrating how to animate SVG attributes over time. The code uses D3’s `select` and `append` methods to build the scene within a fixed 960×500 canvas.

AI-generated description

An example including some commonly used features of SVG.