Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Hello HTML by jbb

Public visualization

Viewing a saved revision (read-only)

7ecb7acba3c640fd8695e4d98e0055c1

Hello HTML by jbb

0 stars1🌍 Public
JJB Barré
Last edited Apr 20, 2020
Created on Apr 20, 2020
Forked from Hello HTML

A smiling face built from SVG shapes renders inside a React component, using D3’s `arc` generator to create the mouth path. The face consists of three circles—a yellow head with a black stroke, and two eyes positioned symmetrically—plus the arc for the mouth, all centered via a `g` transform. The code sets dimensions and offsets as constants, then draws the shapes declaratively with JSX, combining React’s rendering with D3’s geometry utilities. No external data is loaded; the visualization is purely computed from fixed parameters.

AI-generated description

Half way towards a smiley face.