samuelsimkai

@samuelsimkai·5 public vizzes

Smiley v1

A minimalist smiley face rendered in SVG with React. The visualization displays a yellow circle with a black outline, two simple eyes, and the beginning of a mouth, shown as an incomplete arc that stops midway across the face. The rendering uses React 17 and ReactDOM to manage the SVG elements directly inside a static HTML page. The code constructs the face with fixed coordinates for the circles, without any interactive behavior or data-driven updates.

Nov 25, 2021

Loading thumbnail…

New Doc

This example presents a minimal, empty HTML page titled “New Doc,” with no visible data or visualization content. The code consists solely of a basic document structure, embedding a YouTube video iframe within the README for reference. Using the standard HTML5 doctype, head, and body elements, the page loads without any JavaScript libraries, datasets, or rendering APIs—offering a blank canvas that demonstrates the raw structure of an HTML document rather than a functional chart or graphic.

Nov 25, 2021

Loading thumbnail…

What is a fork?

This piece visualizes a GitHub fork through an embedded YouTube video, directly explaining the concept rather than using a custom chart. The minimal HTML page uses an iframe to load the video player, providing a concise, accessible introduction to the forking workflow for viewers unfamiliar with the term. No JavaScript libraries or data-processing APIs are employed; the rendering relies entirely on the browser's native iframe support and YouTube's embedded player interface.

Nov 25, 2021

Loading thumbnail…

Fork you

This example, titled “Fork you,” presents a blank HTML page that immediately loads an embedded YouTube video. It shows a playful, minimal interface where the sole content is a video player, demonstrating how a bare-bones HTML document can integrate external media. The code uses a standard `<iframe>` with YouTube’s embed URL and parameters for autoplay and fullscreen access, while the rest of the page remains empty. No JavaScript libraries or data visualization APIs are present; the rendering approach relies solely on the browser’s native handling of the iframe and YouTube’s player.

Nov 25, 2021

Loading thumbnail…

Fork of Hello HTML

This example presents the simplest possible HTML page, consisting of an empty document with a title. It serves as a minimal starting point for any web-based visualization project. The page includes an embedded YouTube video as a demonstration, though the code itself contains no JavaScript or data. It relies purely on standard HTML structure provided by the browser. The example shows a blank body, meaning no visual rendering occurs; it is intended as a foundation for adding libraries or custom code later.

Nov 25, 2021