Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Smiley Face Part I

Public visualization

Fork of Smiley Face Part I

0 stars0🌍 Public
Uubl2
Last edited Feb 16, 2022
Created on Feb 16, 2022
Forked from Smiley Face Part I

This example renders a partial smiley face using React and D3.js, showing a pink circle with black stroke, two eyes, and a mouth arc drawn with D3’s `arc` generator. The face is centered via SVG grouping and transformations, with the mouth path built from inner and outer radii and angular start/end points. It uses React for component structure and `d3.arc` to compute the mouth’s path data, all rendered as static SVG elements at a fixed 960×500 canvas size.

AI-generated description

Halfway towards a smiley face.

Comments

Sign in to join the discussion.

MIT Licensed