Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with d3

Public visualization

Viewing a saved revision (read-only)

34c6e59a6a5d436ca742ca91b91e0361

Let's make a face with d3

0 stars0🌍 Public
Hherbertamakloe
Last edited Apr 7, 2021
Created on Apr 7, 2021
Forked from HTML Starter

A yellow circle with two black eyes and a curved mouth forms a simple cartoon face, centered within an SVG viewport. The code uses D3 selections and the `append` method to create the face's elements, positioning them with translated group attributes. The mouth is generated using the D3 `arc` generator with specified inner and outer radii and angular extents. Dimensions for the face and eye spacing are derived directly from the SVG element's attributes.

AI-generated description

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

See also React Starter.