Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Let's make a face with D3.js!

Public visualization

Viewing a saved revision (read-only)

ca2f4c99f28a4570a7aa7ca451eac7b2

Fork of Let's make a face with D3.js!

0 stars0🌍 Public
Ggopiganta
Last edited Feb 20, 2022
Created on Feb 20, 2022

This example demonstrates how to build a smiley face using D3.js, with the ability to animate its eyebrows. It uses basic SVG elements—circles for the face and eyes, and a path generated by the `d3.arc` function for the mouth. The code sets up an SVG canvas and positions elements using translation and coordinate attributes. It relies on D3 v5’s selection and arc APIs to create the static face, which serves as a foundation for adding interactive or animated features.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.