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 stars2🌍 Public
Mmjoaquim12
Last edited Oct 28, 2019
Created on Oct 28, 2019

This example shows how to build a cartoon face using D3.js v5 with SVG shapes and animation. It draws a yellow circular head, two eyes, eyebrows, and a mouth using `select`, `circle`, `rect`, and `path` elements with an `arc` generator. The eyebrows animate up and down via chained `transition().duration(2000)` calls. The code uses static values for positioning and renders entirely in an SVG element, with no external data source.

AI-generated description

An example showing the capabilities of VizHub.

Comments

Sign in to join the discussion.

MIT Licensed