khairoleiman03@gmail.com

@eimankhairol·2 public vizzes

Fork of Smiley Face Part II

This example renders a yellow smiley face that fills the browser window, with two black eyes and no mouth. It uses React to define the SVG structure and ReactDOM to mount the component into the page’s root element. The code calculates circle positions and radii from the window dimensions, and applies a transform group to center the face. The visualization adapts to viewport size and demonstrates basic SVG drawing with React.

Aug 26, 2026

Loading thumbnail…

Fork of Hello HTML

This example shows a static smiley face drawn with basic SVG shapes: a yellow circle for the face and two black circles for eyes, centered on a 960×500 canvas. It is a React-based fork that loads React 18 and ReactDOM 19 via UMD scripts, while the actual rendering relies on plain SVG elements inside the HTML, with no dynamic behavior or JavaScript logic beyond importing and logging ReactDOM. The code uses hardcoded coordinates and stroke properties, not any data-driven or interactive visualization techniques.

Aug 26, 2026