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)

5e57351444234c58af8a04a65420c52d

Let's make a face

0 stars0🌍 Public
AAndrew Babilonia
Last edited Jul 2, 2021
Created on Jul 2, 2021

A simple SVG face is drawn with D3 v7, composed of a yellow circular head, two black eyes, and a mouth. The code uses D3 selections and the `arc` generator to create the mouth path, while circles are positioned relative to the SVG's width and height. The example demonstrates common SVG attributes like `cx`, `cy`, `r`, `fill`, and `stroke`, rendered directly to the SVG canvas in a fixed 960x500 viewport.

AI-generated description

An example including some commonly used features of SVG.