Hannah Heejeong Lim

@hjeonglim·2 public vizzes

Fork of Smiley Face Part II

A large yellow smiley face fills the browser window, rendered as scalable vector graphics and centered on the screen. The face consists of a circular head with a black outline, two empty eye circles, and a pending mouth. The implementation uses React to manage the SVG elements, with JavaScript calculating the viewport dimensions and positioning the face parts relative to the center. ReactDOM renders the component tree, and the code declares variables for eye offsets, radii, and stroke widths to define the face’s proportions.

Oct 16, 2022

Loading thumbnail…

Fork of Hello HTML

This example displays a simple yellow circle with two smaller black circles—a schematic face—rendered as static SVG elements on a 960x500 canvas. It pairs this hand-authored SVG with a React app that logs the React library to the console and attempts to render a "Hello JSX" heading via `ReactDOM.render`, though the component returns nothing. The code loads React 18.2.0 from a CDN and uses plain SVG circle elements, not D3 or other visualization libraries, highlighting a minimal integration of React with SVG markup.

Oct 16, 2022