Skip to main content
Log in
S

Sagar Saxena

@Slayee·5 public vizzes

Loading thumbnail…

Fork of Let's Make a Face Part I

A static face is drawn as two large black-outlined yellow circles for the head and eyes, centered on an SVG canvas. The rendering uses raw SVG elements (`circle` with `fill`, `stroke`, and `stroke-width`) declared directly in the HTML body, despite the presence of React and ReactDOM libraries in the source. The code includes a placeholder JavaScript file that merely logs to the console, leaving the face purely declarative and non-interactive.

Apr 8, 2024
Loading thumbnail…

Fork of Smiley Face Part II

A React and SVG application renders a yellow smiley face that dynamically resizes to fill the browser window. The face is constructed from a large yellow circle with a black stroke, positioned at the viewport center, plus two smaller black circles for eyes. The code calculates all dimensions, including the face radius and eye offsets, from the window’s inner width and height. It uses React’s `ReactDOM.render` to mount the SVG, and the unmodified `index.js` relies on the React 16.9.0 UMD builds loaded via `unpkg`.

Apr 8, 2024
Loading thumbnail…

Fork of Hello HTML

This fork of “Hello HTML” demonstrates static SVG rendering of a simple smiley face, with two black circles for eyes overlaid on a large yellow circle. It uses React 18 via the UMD build from unpkg, though the visible visualization is plain SVG markup inside the HTML. The example’s core behavior is minimal: the React library is loaded and logged to the console, while the SVG shapes are drawn directly in the document without any React components or data binding. The code serves as a basic introductory template showing how to combine React with inline SVG elements.

Apr 8, 2024
Loading thumbnail…

Fork of Smiley Face Part II

A React and SVG application renders a yellow smiley face that dynamically resizes to fill the browser window. The face is constructed from a large yellow circle with a black stroke, positioned at the viewport center, plus two smaller black circles for eyes. The code calculates all dimensions, including the face radius and eye offsets, from the window’s inner width and height. It uses React’s `ReactDOM.render` to mount the SVG, and the unmodified `index.js` relies on the React 16.9.0 UMD builds loaded via `unpkg`.

Apr 8, 2024
Loading thumbnail…

Fork of Hello HTML

This example shows a cheerful, geometric face built from three SVG circles rendered inside an HTML page. The yellow circle serves as the head, with two smaller black circles as eyes, all drawn on a 950 by 450 canvas. The code uses plain React 18 via a UMD production build and directly manipulates SVG elements, such as `<circle>`, without any additional visualization libraries. It relies on static attributes like `r`, `cx`, and `cy` to position the shapes.

Apr 5, 2024