Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Static Smiley face

Public visualization

Viewing a saved revision (read-only)

03e35a625c9440e886d80518c8626716

Static Smiley face

0 stars0🌍 Public
PPavan kumar Kulkarni
Last edited Feb 23, 2021
Created on Feb 22, 2021
Forked from Hello HTML

This example displays a static, cartoon-style smiley face rendered as SVG in a React component. The face is centered, with yellow circular background, two eyes, a triangular nose, and a curved mouth created using a d3.arc path. The code composes separate React components—FaceContainer, FaceBackground, Eyes, Mouth, and Nose—each passing parameters like radius and offsets. All coordinates and sizes are hardcoded, with d3-symbol used for the nose and d3-arc shaping the mouth, producing a fixed, non-interactive visualization.

AI-generated description

Static hard coded smiley face