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
LLonwabo11
Last edited May 6, 2019
Created on May 6, 2019

This example shows a smiley face drawn with SVG, whose eyebrows move to create a playful, animated expression. Built with D3.js v5, the code uses the `select` and `arc` APIs from the `d3` module to construct the face’s features and manipulate the SVG canvas. The project reads no external data, instead generating the entire visual from hardcoded coordinates and dimensions within an `index.js` script. The rendering is purely vector-based, with styling provided by a separate `styles.css` file.

AI-generated description

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

Comments

Sign in to join the discussion.

MIT Licensed