Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smiley Face Part I

Public visualization

Viewing a saved revision (read-only)

10690e7a56644063a6a5789bae788e78

Smiley Face Part I

0 stars0🌍 Public
EEmerson Castillo
Last edited May 13, 2021
Created on May 12, 2021
Forked from Hello HTML

This visualization displays a simple smiley face constructed from three yellow and black SVG circles: a large face with a black outline and two smaller black circles for eyes. Built with React and D3 v6, the code uses the `arc` import from D3 and renders the graphic through SVG elements. The face is centered on a 960 by 500 canvas, with the eye positions calculated using offsets from the center point. The example demonstrates basic SVG shape creation within a React application, using hard-coded coordinates and dimensions rather than external data.

AI-generated description

Halfway towards a Smiley face