Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a Custom Smiley Face

Public visualization

Making a Custom Smiley Face

0 stars0🌍 Public
JJohn Kobbeman
Last edited Feb 27, 2021
Created on Feb 27, 2021
Forked from Smiley Face

This example shows a custom smiley face built entirely with SVG shapes. It uses React to render a yellow circle for the head, two black circles for eyes, and D3’s `arc()` generator to create both the mouth and nose as filled paths. The arcs are positioned using start and end angles, with inner and outer radii defining their thickness. The face is centered on a 960 by 500 canvas, and the code specifies stroke widths and offsets for the facial features.

AI-generated description

Customizing a Smiley Face

Comments

Sign in to join the discussion.

MIT Licensed