Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js!

Public visualization

Viewing a saved revision (read-only)

4b43b8d104844a539562940e826b118f

Let's make a face with D3.js!

0 stars3🌍 Public
IIyke2909
Last edited Oct 20, 2020
Created on Oct 20, 2020

A yellow circle face with two eyes and animated eyebrows is rendered in SVG using D3.js. The face is drawn with simple shapes including circles for the eyes and a path for the mouth, created using `d3.arc` with specified inner and outer radii. Eyebrows are rectangles that move up and down via chained `transition().duration()` calls, demonstrating D3's animation capabilities. The SVG canvas is 960 by 500 pixels, with all elements centered through a `g` transform.

AI-generated description