Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3

Public visualization

Viewing a saved revision (read-only)

239c177910334698abc5e7f4e3ec1a98

Let's make a face with D3

0 stars0🌍 Public
GGary Smith
Last edited Mar 27, 2020
Created on Mar 27, 2020

This example shows a simple cartoon face constructed entirely from SVG shapes. D3 v5’s `select` and `arc` functions create a blue circular head, two eyes, a small rectangular brow, and a curved mouth path centered within a 960×500 viewport. The face parts are positioned using explicit coordinate offsets and transformations rather than data binding, with the mouth’s arc defined by inner/outer radii and angular start/end values.

AI-generated description