Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smiley face

Public visualization

Smiley face

0 stars0🌍 Public
Ssrwezuva
Last edited Apr 6, 2020
Created on Apr 2, 2020
Forked from React Starter

This visualization displays a simple yellow smiley face rendered as SVG, composed of a circular face, two black eyes, and an arc-shaped mouth. The code uses D3 v5’s `select` and `arc` APIs to construct the path for the mouth, while positioning all elements relative to the SVG’s width and height. The face is drawn with a circle, and the eyes are offset from the center using explicit pixel coordinates. The `arc` generator defines the mouth’s inner and outer radii with start and end angles, producing a fixed smile shape.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed