evd9

@evd9·2 public vizzes

Fork of Smiley Face Part II

This example renders a smiley face using React and SVG, with the face centered and scaled to fit the browser window. It constructs the face from geometric primitives—a yellow circle for the head, two black circles for eyes, and a stroke for the outline—positioned relative to the viewport center. The code defines constants for dimensions and uses React's `createElement` indirectly through JSX, rendered to the DOM via `ReactDOM.render`. The implementation relies on React 17 and ReactDOM 16, with the SVG output generated dynamically based on the window size.

Feb 28, 2021

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows the first step in constructing a smiley face with basic SVG shapes, using a yellow circle for the head and two smaller black circles for the eyes. The code directly sets SVG circle attributes such as `cx`, `cy`, `r`, `fill`, and `stroke` inside an `svg` element with a fixed width and height. It does not use any JavaScript libraries or data sources; the rendering relies purely on static SVG markup, with the face positioned relative to the viewport center and eye offsets.

Feb 27, 2021