Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Let's Make a Face Part I

Public visualization

Fork of Let's Make a Face Part I

0 stars0🌍 Public
AasafJortilles
Last edited Mar 6, 2023
Created on Mar 6, 2023

This example displays a simple, static smiley face constructed from basic geometric shapes. Rendered as an SVG graphic, a yellow circle forms the head, with two smaller black circles for eyes and a dark arc for the mouth, all centered on a 960 by 500 pixel canvas. The visualization is built using React, with the drawing logic relying on D3 v7’s `arc` function to compute the path for the mouth. The circle and eye radii, along with their positions relative to the center, are defined through straightforward arithmetic variables, and the final composition is created using ReactDOM.

AI-generated description

Half way towards a smiley face.

Comments

Sign in to join the discussion.

MIT Licensed