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)

67e90dac58d6431ca09c0fdd64c68cd2

Let's make a face with D3.js!

0 stars0🌍 Public
Nnouralkhoury
Last edited Sep 27, 2020
Created on Sep 27, 2020
Forked from HTML Starter

This example builds a stylized face using D3.js, with each facial feature—eyes, nose, and mouth—composed of geometric elements arranged on an SVG canvas. The face is drawn programmatically using D3’s selection and shape APIs, such as `d3.arc` for the mouth and `d3.line` for the eyebrows, all within a React framework. The visualization demonstrates how D3’s data-binding and attribute manipulation can construct a recognizable figure from simple primitives, rendering directly to SVG via the `d3.select` and `append` methods. The face’s proportions and placement are fixed, showing a static composition rather than interactive behavior.

AI-generated description

A bare minimum HTML page.

See also React Starter.