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
LLucas Sobrinho
Last edited Jan 26, 2022
Created on Jan 26, 2022
Forked from Smiley Face Part I

This example shows a stylized smiley face composed of a yellow circular background, two black eyes, and a curved mouth rendered as a thick arc. The face is built from modular React components, including `BackgroundCircle`, `Eyes`, `Mouth`, and `FaceContainer`, which assembles the SVG output. The mouth uses the `d3-shape` library’s `arc()` generator to define its path, while the overall layout is positioned with SVG transformations. The result is a static, data-driven visualization created with React and D3 v7.

AI-generated description

Halfway towards a smiley face.

Comments

Sign in to join the discussion.

MIT Licensed