Joshua Omondi

@JoshuaOmondi·2 public vizzes

SVG_Fundamentals

This example demonstrates the SVG fundamentals by rendering a single circle element directly within an HTML page. The visualization shows how basic SVG shapes are defined using attributes for position and size, with the circle centered at coordinates (50,50) and a radius of 50. The code uses vanilla HTML, CSS, and JavaScript without any external libraries, presenting a minimal approach to SVG markup. The rendering relies entirely on the browser's native SVG support, making it a clear starting point for understanding SVG syntax and structure.

Jan 15, 2025

Loading thumbnail…

SVG Fundamentals

This example demonstrates the "Hello World" of the VizHub V3 Runtime Environment, rendering a div with a font size of 217 pixels inside a container. The code exports a `main` function that takes a container DIV, setting its inner HTML directly. It showcases the simplified entry point—no index.html needed—and highlights the interactive widget feature where holding Alt and dragging the `fontSize` number in the editor triggers continuous hot reloading, providing immediate visual feedback.

Jan 15, 2025