Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Lets make a face with D3.js!

Public visualization

Viewing a saved revision (read-only)

7b09c0905d66459b8b318f72540082d2

Lets make a face with D3.js!

1 star2🌍 Public
Hhirokat
Last edited Jan 31, 2020
Created on Jan 23, 2020

A stylized cartoon face is drawn with D3.js v5, using SVG shapes to create a cheerful circular head with eyes, irises, cheeks, a nose, and a mouth. The visualization demonstrates basic SVG element construction and attribute manipulation, including circles, lines, and arc-generated paths. The code employs D3's `select` and `arc` APIs to position elements relative to the viewport dimensions and compute the mouth's curved path geometry. Simple coordinate offsets control facial feature placement, while the background is colored via inline SVG styling.

AI-generated description