Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Learn to draw smile with d3

Public visualization

Fork of Learn to draw smile with d3

0 stars0🌍 Public
0007ebey
Last edited Jul 8, 2021
Created on Jul 8, 2021

A yellow SVG smiley face is drawn with D3 v5, featuring two eyes, animated eyebrows, and an arc-based mouth. The code uses `d3.select`, `d3.arc`, and SVG elements like `circle`, `rect`, and `path` within a centered group. Eyebrows transition vertically via `transition().duration()`, while the face is rendered on a 960×500 canvas with black strokes. All shapes are generated programmatically without external data, demonstrating basic SVG drawing and animation with D3's selection and transition APIs.

AI-generated description

An example including some commonly used features of SVG.

Comments

Sign in to join the discussion.

MIT Licensed