john19696

@john19696·3 public vizzes

Fork of Smiley Face Part II

A React-based smiley face rendered as a responsive SVG fills the browser window, with the face centered and sized to the viewport. The code constructs the shape using SVG circle elements for the head, eyes, and mouth, with the mouth arc generated via D3’s `arc()` function. Styling includes a yellow fill, black stroke, and fixed offsets for facial features, all computed from the window dimensions.

Feb 17, 2022

Loading thumbnail…

Make a Face Part I

This example shows a yellow circle centered in an SVG canvas, with two smaller black-outlined circles positioned symmetrically to suggest eyes, leaving the face incomplete. The visualization is built using React 17 and renders directly to SVG elements. The main face is defined with a `circle` element using `cx`, `cy`, and `r` properties, while the eye shapes are hardcoded with fixed coordinates. The code sets the canvas dimensions to 960 by 500 pixels and imports React and ReactDOM from UMD builds to mount the app into the root div.

Feb 17, 2022

Loading thumbnail…

of Hello HTML

This example displays a completely blank HTML page. It demonstrates the fundamental structure of an HTML document without any content, styling, or JavaScript. The code contains only a minimal `<!DOCTYPE html>` declaration, a `<head>` section with a title, and an empty `<body>` element. The visualization is purely a demonstration of the simplest possible web page skeleton, using standard HTML markup without any external libraries, data sources, or rendering logic. It serves as a bare-bones starting point for understanding web document structure.

Feb 17, 2022