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)

ba0b7979c634447c87ebfe2707acc898

Let's make a face

0 stars1🌍 Public
PPUUDI
Last edited Jul 28, 2020
Created on Jul 28, 2020

A simple SVG face is drawn with a large yellow circle for the head and two smaller black circles for eyes. Built with D3 v5, the example uses `select` to target the SVG element, then appends and styles the circles with chained `attr` calls for position, radius, fill, and stroke. The coordinates are derived from the SVG’s `width` and `height` attributes to center the face, while a plain CSS file resets the page margin and hides overflow.

AI-generated description

An example including some commonly used features of SVG.