Skip to main content
100%

Smiley face

✓ Published0🌍 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.

MIT Licensed

Similar vizzes