Teshager Zerihun Nigussie

@Teshager-Stat·6 public vizzes

Fork of Blank Slate with Hot Reloading

This example demonstrates a minimal “Hello World 2!” visualization built with the VizHub V3 runtime, showing how to render text into a container using the exported `main` function from `index.js`. The code uses plain HTML and CSS to set a large font size and center the text, with the container’s dimensions provided by the runtime. A hard-coded `fontSize` variable (122) can be adjusted in the editor, and the example highlights hot reloading where holding Alt and dragging that number updates the rendering instantly. The code relies on the `container` argument’s `innerHTML` property, with no external libraries or data sources.

May 17, 2024

Loading thumbnail…

Fork of HTML Starter

This example presents a bare-bones HTML page that demonstrates the integration of CSS and JavaScript for visualization. It serves as a minimal starting point, with the code showing how a static web page can be structured to support interactive graphics. The implementation relies on standard web technologies—HTML for content, CSS for styling, and JavaScript for dynamic behavior—without external visualization libraries. The provided files include a README and the HTML source, offering a clean template for building more complex data displays. The example highlights fundamental web development practices rather than advanced charting techniques.

May 17, 2024

Loading thumbnail…

Fork of Blank Slate with Hot Reloading 2

This example demonstrates the simplest possible VizHub V3 application, displaying the text "Hello World!" in the center of its container using an HTML `div` element. The code exports a `main` function that takes a container DIV and writes HTML into it, with a font size of 217 pixels that can be interactively adjusted via Alt-drag. It serves as a blank slate template for the VizHub V3 Runtime Environment, which supports continuous hot reloading and interactive widgets for real-time feedback.

May 17, 2024

Loading thumbnail…

Fork of Q2 22

A simple HTML page displays the text “First Program!” centered at a fixed font size of 22 pixels. The example demonstrates the minimal structure for a visualization gallery entry, using JavaScript’s `container.innerHTML` to inject styled markup directly into the page. The code defines a constant `fontSize` and applies it via an inline CSS style, with text alignment set to center. No external libraries are required, and the rendering relies solely on standard DOM manipulation through the exported `main` function.

May 17, 2024

Loading thumbnail…

Fork of Blank Slate with Hot Reloading mm

This example is a minimal fork of the blank-slate template with hot reloading, rendering a single static HTML page. It displays the phrase “Hello world” in a browser using standard HTML markup. The code does not include any JavaScript data visualization, charts, or dynamic behavior; it solely relies on the HTML `<!DOCTYPE html>` declaration and standard elements like `<head>` and `<title>`. The page is plain text with no linked stylesheets or external libraries such as D3.js or Canvas APIs. The rendering approach is the browser’s native HTML parser.

May 16, 2024

Loading thumbnail…

Fork of Blank Slate with Hot Reloading

This example demonstrates the “Hello World” starting point for the VizHub V3 Runtime Environment, rendering a text string with a dynamic font size. The code exports a `main` function that receives a container element and uses its `innerHTML` to display the text. A comment explains that holding the Alt key and dragging the numeric value for `fontSize` enables continuous hot reloading with interactive widgets, allowing real-time adjustments to the visualization without manual refreshes.

May 16, 2024