Arkaporn Poonkwan

@boatakp·2 public vizzes

Fork of Let's Make a Face Part I

A minimal React example plots a yellow circle face with two black eyes on an SVG canvas. It uses React 18's UMD build from unpkg and directly renders SVG elements for the face and eyes. The code calculates eye positions relative to the canvas center and face radius, demonstrating coordinate placement within an SVG viewBox. This static composition shows how to create a basic smiley face without interactivity or animations.

Jun 24, 2022

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a simple yellow smiley face drawn as three circles inside an SVG, with a black outline and two eyes positioned symmetrically around the center. The face is rendered at 960 by 500 pixels, using hard-coded coordinates rather than data-driven binding. It relies on basic SVG circle elements and inline attributes for positioning and styling, with no JavaScript libraries. The design is a static illustration, serving as a minimal starting point for a facial visualization.

Jun 24, 2022