Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js!

Public visualization

Viewing a saved revision (read-only)

26dcbff381bc407f906bd600c5e7a1be

Let's make a face with D3.js!

0 stars0🌍 Public
Vvmakker
Last edited Sep 28, 2021
Created on Sep 27, 2021

A smiling face is drawn as a static SVG composition, with a yellow circular head, two black eyes, and a mouth rendered as an arc path. The code uses D3 v5 selections and the `arc` generator to construct the mouth, while CSS and HTML define the page and SVG canvas. Circle attributes are computed from the SVG's width and height to position features proportionally, and the mouth is grouped and translated to the center.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.