Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sad Face

Public visualization

Viewing a saved revision (read-only)

436134b9fb1f44d1a2a044c9591204dd

Sad Face

0 stars0🌍 Public
Vvarun-030
Last edited Feb 20, 2022
Created on Feb 20, 2022
Forked from Not so Smiley Face

A simple SVG face built with React and D3, rendered as a green circle with orange stroke, two black eyes, and an orange mouth arc. The eyes sit at symmetric offsets above the center, while the mouth is drawn separately using a D3 `arc` path generator positioned lower on the canvas. The code defines geometric constants for size and placement, then constructs the face from basic SVG shapes. It demonstrates combining React components for layout with D3’s `arc()` API to generate path data for the sad expression.

AI-generated description

Half way towards sad face