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 stars0🌍 Public
BBhavyatulasi
Last edited Jul 22, 2020
Created on Jul 22, 2020

This example uses D3.js to draw an animated face from basic SVG shapes. A yellow circle forms the head, with black circles for eyes and rectangular eyebrows that transition vertically over time. The mouth is built from arc paths generated with D3’s `arc` function. All elements are grouped and translated to the center of the 960x500 SVG canvas, and the code runs within a React starter template.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed