Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Frowny Face (orobor0s)

Public visualization

Viewing a saved revision (read-only)

e6bb290e1fb94084b477c75622520717

Frowny Face (orobor0s)

0 stars0🌍 Public
BBen
Last edited Jul 21, 2023
Created on Jul 21, 2023

A frowny face rendered as a single SVG graphic, built with React and D3’s `arc` generator. The code defines the yellow circle face, two black eye circles, and a downward-curving mouth path created from a D3 arc with specified inner and outer radii, angles, and a vertical translation. The SVG canvas is fixed at 960 by 500 pixels, with all elements centered via a transform group. React 18 manages the component rendering, while D3 v7 supplies the geometric arc calculation. No data is loaded; the visualization is purely code-driven.

AI-generated description

Smiley face made via HTML, CSS, SVG, React, and D3