100%

EJ Vizhub Starter

✓ Published0🌍 Public

Last edited Jan 22, 2024

Created on Jan 22, 2024

Forked from Blank Slate with Hot Reloading

This example displays the text "Hello World!" at a large, fixed font size in the center of the container. The visualization demonstrates a minimal setup for rendering static HTML content through a JavaScript export function. It uses the `container.innerHTML` API to inject a styled div element directly, with the font size defined as a constant variable. The example serves as a basic starting point for building more complex visualizations, showing how to structure code for the EJ Vizhub platform.

AI-generated description

Hello world

MIT Licensed

Similar vizzes

Loading thumbnail…

vs2

This example demonstrates the simplest possible VizHub V3 Runtime Environment setup, rendering a static "Hello World!" message directly into a container DIV using vanilla JavaScript. The main function exports from `index.js` and sets the container's inner HTML with inline styling, including a large 212-pixel font size. No external libraries are used, and the code relies entirely on the V3 Runtime's hot-reloading capability triggered by the absence of an `index.html` file. The example serves as a foundational starting point for interactive data visualization development.

Yyesyesnono01@yahoo.com

79% match

Loading thumbnail…

CS360-A2-ravneet

This example demonstrates a minimal "Hello World" visualization rendered inside a VizHub V3 container. It uses plain JavaScript and direct DOM manipulation through the `main` function’s `container` argument, setting a large font size and centered text via inline styles. No external libraries or data sources are involved; the code simply assigns an HTML string with a styled `div` to `container.innerHTML`. The example highlights the basic runtime entry point and hot-reloading environment rather than any complex rendering or data processing.

RRavneet Singh Bhatia

79% match

Loading thumbnail…

Typerefinery.ai Embed Component

This example demonstrates a minimal "Hello World" visualization that renders text directly into a provided container using the VizHub V3 Runtime Environment. It shows how a simple, static text element can be displayed with a large, adjustable font size, serving as a blank starting point for interactive widget development. The code exports a `main` function that receives the container and an options object, then sets the container’s inner HTML with inline styles, relying on the container’s measured dimensions for layout. No external libraries are used; it leverages plain JavaScript and the runtime’s state management for future interactivity.

MMax Barrass

78% match

Loading thumbnail…

Hello Worldz

A minimal VizHub template renders "Hello Worldz!" in centered text at a font size of 151 pixels. The `main` function receives a container element and uses its dimensions for layout, writing directly to `container.innerHTML` with inline CSS styling. This example demonstrates the V3 runtime's fundamental pattern: exporting a `main` function that receives a measured DOM element, with no separate `index.html` required.

Mmat@techstop.consulting

77% match

Loading thumbnail…

tutorial

This example demonstrates the minimal "Hello World" setup for VizHub V3, showing how a single exported `main` function receives a container DIV and renders styled HTML content directly into it. The code uses plain JavaScript and DOM manipulation via `container.innerHTML`, with an interactive font-size value that can be changed by alt-dragging in the editor, though the live behavior itself is not shown in the snippet. No external libraries or data sources are used; the rendering approach is purely template-literal-based HTML injection.

JJackyLeo

77% match

Loading thumbnail…

HTML Starter

This example demonstrates the minimal setup required to run a web page in VizHub, displaying the text “Hello HTML” in large, centered type. It uses a single HTML file containing inline CSS for styling and a script tag that logs “Hello JavaScript!” to the browser’s developer console. The page relies on no external libraries or frameworks, showcasing the raw HTML, CSS, and JavaScript APIs. The rendering approach is static text, with the console output serving as the only interactive behavior visible in the code.

Hheniotamura

77% match

Loading thumbnail…

Blank Slate

This example demonstrates the minimal setup required for a VizHub V3 visualization, rendering “Hello World!” in large text centered within a container. It uses the exported `main` function, which receives a `container` DIV and an options object, to set the container’s inner HTML with inline styles. The code does not rely on external libraries or APIs; instead, it shows the basic structure for continuous hot reloading, where state is initially empty and can be updated via `setState`. The rendering approach is direct DOM manipulation via `container.innerHTML`.

Rrichard.adamson@hotmail.com

77% match

Loading thumbnail…

HTML Starter

This example demonstrates the simplest possible setup for a visualization using React on VizHub, rendering the text “Hello World” in the browser. It shows a bare-bones HTML page with a styled body and a preformatted text element. The code uses vanilla JavaScript to select the element by its ID (`document.getElementById`) and set its text content, with all styling defined in a CSS block within the HTML file. No external libraries or data sources are involved.

GGeoffrey nyamwaya

77% match