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)

7fe689ddfec24ec58b96d130c5f8f3d2

Let's make a face with D3.js!

0 stars1🌍 Public
Ssrrajendran
Last edited Nov 6, 2018
Created on Aug 29, 2018
Forked from Face in d3

This visualization creates a simple, stylized cartoon face using the D3.js version 5 library. It draws a yellow circular head with black outlines, two eyes, animated eyebrows that move up and down in a looping transition, and a smiling mouth. The mouth is constructed using D3’s `arc` generator to define a path with specific radii and angles. All elements are rendered as SVG shapes within a 960-by-500 canvas, and the primary animation is driven by chained `transition` calls with a duration of 2000 milliseconds each.

AI-generated description

This is a description using Markdown.