alexyong77@hotmail.com (@click77), VizHub

Fork of Hello HTML

This example renders a fixed SVG smiley face with a yellow circle, two eyes, and no mouth, centered on a 960×500 canvas. It loads React 18.3.1 via a UMD script and logs the React object to the console, though it uses no React components or state. The page is a bare minimum HTML document with inline styles for margin and overflow, and the SVG elements are hardcoded with absolute coordinates. The visualization is static, with no interaction, animation, or data binding.

Aug 31, 2024

Loading thumbnail…

Fork of Blank Slate with Hot Reloading

This example demonstrates the VizHub V3 Runtime Environment’s continuous hot reloading, where an exported `main` function renders a simple “Hello World” message into a container DIV. The code sets a numeric `fontSize` variable, which can be interactively adjusted via Alt-drag in the editor to trigger live updates. It highlights the simplified entry point without an `index.html` file, relying instead on the `main` function signature with `container` and `options` arguments. The rendering uses plain HTML and inline styles within the container’s `innerHTML`.

Aug 31, 2024

Loading thumbnail…

Fork of Blank Slate with Hot Reloading

This example demonstrates the VizHub V3 Runtime Environment’s continuous hot reloading, where an exported `main` function renders a simple “Hello World” message into a container DIV. The code sets a numeric `fontSize` variable, which can be interactively adjusted via Alt-drag in the editor to trigger live updates. It highlights the simplified entry point without an `index.html` file, relying instead on the `main` function signature with `container` and `options` arguments. The rendering uses plain HTML and inline styles within the container’s `innerHTML`.

Aug 31, 2024