Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Lets make a face with D3.js

Public visualization

Viewing a saved revision (read-only)

cd5de24f6c6d48eda911e1f4ea35685e

Lets make a face with D3.js

0 stars4🌍 Public
Jjblaskovich
Last edited May 2, 2020
Created on May 1, 2020

This example draws a simple cartoon face with a yellow circular head, two eyes, animated eyebrows, and a curved mouth. The face is centered in an SVG canvas, and the eyebrows move up and down repeatedly using chained `transition` calls. The code uses D3 v5 selections to build the shapes, including `arc()` for the mouth path, and relies on SVG primitives like `circle` and `rect` for rendering.

AI-generated description