freecodecamp

@ChingweiYu·3 public vizzes

Fork of Hello HTML

This example demonstrates a minimal HTML page that renders no visual content, serving as a blank canvas for experimentation. It consists of a basic document structure with a title and an empty body, using standard HTML elements without any JavaScript or external libraries. The page does not load data or produce any graphics, making it a starting point for building interactive visualizations from scratch. Its simplicity highlights the fundamental structure required for any web-based visualization project.

Jul 29, 2021

Loading thumbnail…

Fork of Hello HTMdds!!!L

This example presents a nearly blank HTML page whose title, “Fork of Hello HTMdds!!!L,” hints at a playful mutation of a minimal “Hello, world” template. The page contains no visible content or interactive elements, only an embedded YouTube video in the README. The code uses a bare HTML document structure with no JavaScript libraries or data-visualization APIs, rendering nothing beyond an empty body. It demonstrates how a forked project can retain only a title and external media reference without implementing any chart, simulation, or drawing logic.

Jul 29, 2021

Loading thumbnail…

Fork of Smiley Face Part II

A large yellow smiley face fills the entire browser window, rendered as a set of SVG circles that scale with the viewport. The face uses a yellow filled circle with a black stroke for the head, two black eye circles, and a wide mouth curve, all positioned relative to the center. The code builds the visualization with React and ReactDOM, computing dimensions from `window.innerWidth` and `window.innerHeight`, and uses an SVG `<g>` transform to center the drawing. The mouth is defined by a radius but not drawn in the visible output.

Jul 27, 2021