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)

6c8e1d95748b4d128dbdcda23c9d8e8c

Let's make a face with D3.js!

0 stars1🌍 Public
Sssd4
Last edited Feb 10, 2020
Created on Feb 10, 2020

An interactive SVG face built with D3.js v5 is drawn using simple shapes, with JavaScript objects and arrays managing the facial features. The tutorial demonstrates modular code organization, separating the drawing logic into an index.js file while styling lines and highlighting states via CSS. It uses D3 selections and SVG path elements to construct the face. The example, sourced from a video walkthrough, serves as a beginner-friendly introduction to composing visualizations with D3’s declarative data-binding approach.

AI-generated description

An example tutorial of how to use JavaScript objects, arrays, and modules.