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
CClement Yan
Last edited Jan 4, 2020
Created on Jan 4, 2020

This example builds a playful human face using D3.js v5, rendered as an SVG composed of circles, ellipses, and curved paths. It demonstrates how to assemble facial features—eyes, pupils, a mouth, and eyebrows—through declarative SVG shape elements positioned with computed coordinates. The code uses D3 selections and scale functions to map data values to visual attributes like position and size, with a static, interaction-free layout. The result shows how raw geometric primitives can be orchestrated into a recognizable character using only standard D3 utilities and inline styling.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed