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)

0b823f643bdf4d4da7a45a0700764b2e

Let's make a face with D3.js!

0 stars0🌍 Public
NNHartshorn
Last edited Nov 14, 2019
Created on Nov 14, 2019
Forked from HTML Starter

This example demonstrates how to build a cartoon face using D3.js v5 and SVG primitives. The code creates a yellow circular head, two eyes, rectangular eyebrows, and a curved mouth path using the `arc` generator. All elements are centered via a translation transform on a nested `<g>` group. The visualization uses static coordinates and dimensions rather than data binding, highlighting D3’s utility for direct SVG manipulation.

AI-generated description

A bare minimum HTML page.

See also React Starter.