Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

DataViz

Public visualization

Viewing a saved revision (read-only)

c50db0ec88fc4dd3a4c0b86737c4e43b

DataViz

0 stars0🌍 Public
JJayesh Yadav
Last edited Nov 14, 2021
Created on Nov 12, 2021
Forked from Hello HTML

This example shows a single yellow smiley face rendered in SVG, with randomized facial features such as eye position, eye radius, mouth width, and mouth radius. The face is composed of reusable React components (`Face`, `BackgroundCircle`, `Eyes`, `Mouth`) assembled within an SVG container. The code uses React 17 and D3 v7, specifically the `arc` generator from `d3` to draw the mouth path, while `range` from D3 creates an array of one face. Each render produces a uniquely generated face due to random values assigned to its proportions.

AI-generated description

A bare minimum HTML page.