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)

377c56ad5b7b481cba5d49fe0709a53c

Let's make a face with D3.js!

0 stars0🌍 Public
YYuri_Wg
Last edited Jun 29, 2019
Created on Jun 29, 2019

This example uses D3.js to construct a smiling face with moving eyebrows, demonstrating fundamental DOM manipulation. The code selects an SVG element with `d3.select` and applies a pink background via `style`. The face itself is drawn through D3's data-binding and attribute-setting methods, with the eyebrows animated to convey expression. The visualization renders in a 960-by-500 SVG using D3 v5, emphasizing core selection and styling operations rather than complex data handling.

AI-generated description

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