Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face

Public visualization

Viewing a saved revision (read-only)

9f396ca91c9d48e8af1efba7df686570

Let's make a face

0 stars1🌍 Public
PPUUDI
Last edited Aug 7, 2020
Created on Jul 28, 2020
Forked from Let's make a face

This example draws a simple yellow face using SVG shapes. It demonstrates basic D3.js selections and attribute manipulation by creating a large circle for the head, two smaller circles for eyes, and an arc for the mouth. The code uses d3.select to append elements, parse SVG width and height attributes, and a d3.arc path generator with inner and outer radii plus start and end angles. The right eye is positioned using an SVG group with a transform translation, while the left eye and mouth use direct coordinates.

AI-generated description

An example including some commonly used features of SVG.