Skip to main content
SimilarExport ZIP
100%

Fork of Blank Slate

✓ Published0🌍 Public
XXiaojun
Last edited Aug 26, 2025
Created on Aug 26, 2025

A minimal example that renders the text "Hello World!" in a single, large font size of 217 pixels, centered horizontally within the container. The code sets the font size as a JavaScript variable and injects it into an HTML string via a template literal. It relies on the Observable Plot v3 API's `main` export function to receive the container element, with no external data or interaction beyond the optional Alt-drag behavior.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Blank Slate with Hot Reloading

This example displays a large, static “Hello World!” message centered on a blank canvas, with its font size set to 119 pixels. The visualization relies on raw HTML and CSS within a JavaScript container, using no external libraries or data sources. It demonstrates a minimal approach to rendering text, serving as a starting point for more complex projects. The code is intentionally simple, showing how a basic element can be placed and styled directly.

AAustin Tanksley
88% match
Loading thumbnail…

Fork of Blank Slate with Hot Reloading

This example displays a large, centered text element reading “Hello World! 33” at a font size of 217 pixels. The text is rendered directly into the container using a plain HTML `<div>` with inline styles, and the font size is defined as a JavaScript constant within the exported `main` function. The visualization demonstrates a minimal setup where the numeric value and text can be edited in the source code, and with hot reloading, changes appear instantly in the browser.

DDina Vinter
88% match
Loading thumbnail…

Fork of Blank Slate with Hot Reloading

This example displays the text "Hola mundo!" at a large, adjustable font size using plain HTML and inline CSS within a container. The code sets a fixed pixel font size with a left text alignment, and the interactive aspect—allowing users to change the number via Alt-drag—comes from the hosting environment. It does not use any external visualization libraries, instead relying on the `container.innerHTML` property to inject the rendered markup directly.

SSergio
87% match
Loading thumbnail…

Fork of Blank Slate with Hot Reloading

This minimal example demonstrates a large "Hello World!" message rendered inside a container with configurable font size. The code directly sets the container’s HTML content using an inline style, with the `fontSize` variable (217) controlling the text scale. It leverages a simple DOM manipulation API via `container.innerHTML` to update the visualization, making it straightforward to modify and hot-reload in a browser environment.

MMax Barrass
87% match
Loading thumbnail…

Fork of Blank Slate with Hot Reloading

This example displays “Hello World!” in large, centered text using a font size of 217 pixels. It demonstrates a minimal Blank Slate template with hot reloading, where the rendered output updates dynamically. The code uses plain HTML and JavaScript, setting the `fontSize` variable directly within a template literal to control the text’s appearance. The visualization serves as a starting point for rapid experimentation, showing how a simple numeric property like font size can be tweaked live.

BBruno Salazar
87% match
Loading thumbnail…

Fork of Blank Slate

This example demonstrates the basic "Hello World" template for the VizHub V3 runtime environment, displaying the text "Hello World!" in a large, centered font within a DIV container. The code exports a `main` function that receives the `container` element and sets its inner HTML with inline styling for the font size. It highlights the simplified entry point and the interactive Alt-drag feature that allows live adjustment of numeric values like font size.

Gg_beck@coloradocollege.edu
85% match
Loading thumbnail…

Fork of Blank Slate

This example is a blank-slate "Hello World" for the VizHub V3 Runtime Environment. It demonstrates the new entry point, exporting a `main` function that receives a `container` DIV element and renders a static HTML string with inline styles. The code sets a fixed font size of 450 pixels and centers the text "Hola Amigo!" within the container, showing the simplicity of the framework's setup.

Aanilthapa1.at23@gmail.com
84% match
Loading thumbnail…

Fork of Blank Slate

This example demonstrates the minimal "Hello World" pattern for the VizHub V3 Runtime Environment, showing a single line of text centered on screen. The code exports a `main` function that receives a `container` DIV element and writes HTML directly into it using `container.innerHTML`, with a fixed font size of 222 pixels. The rendering approach is plain DOM manipulation without any external libraries, highlighting the runtime's core API where the container's measurable dimensions and the `state`/`setState` options are available for future interactive extensions.

HHalah
84% match