Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js!

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed