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)

5b61ab226d124fb09669fff83dc8ad8e

Lets make a face with D3.js!

0 stars0🌍 Public
Ssslee8778960
Last edited Feb 4, 2020
Created on Feb 4, 2020

This example constructs a cheerful cartoon face entirely from SVG shapes using D3.js v5. It shows a yellow circle head, black eyes with white irises, red cheeks, a short nose line, and two arc-based mouth segments. The code explicitly positions each shape using `svg.append`, relying on arithmetic for coordinates and the D3 `arc()` generator to form the smile. All rendering happens in SVG with a light blue background.

AI-generated description