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)

37edbb6e78dc4be8bf7dab7578a2fb84

Let's make a face with D3.js!

0 stars1🌍 Public
Jjahnueldorelus
Last edited Jun 3, 2020
Created on Jun 2, 2020

This example builds a yellow cartoon face from SVG shapes using D3.js v5. The face is centered via a group transform, with circles for the eyes and an arc-generated path for the mouth. D3 transitions animate the eyebrows upward and back over two seconds, while the static shapes render in a 960×500 SVG canvas. The code imports `select`, `arc`, and `rect` from the D3 library.

AI-generated description

An example including some commonly used features of SVG.