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
AAmr Eldemerdash
Last edited Aug 9, 2020
Created on Aug 8, 2020
Forked from React Starter

A yellow face with black-outlined eyes, animated eyebrows, and a static arc-shaped mouth is rendered in an SVG. Using D3.js v5 and React, the code selects the SVG, calculates its dimensions, and appends a centered group for positioning. It draws circles for eyes and rectangles for eyebrows, then applies chained `transition().duration()` methods to animate the eyebrows up and down. The mouth is generated with D3’s `arc()` generator, while coordinates are computed via template literals.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed