Skip to main content
Log in
S

Sowbarnicka.G.K

@Sowba2612·6 public vizzes

Loading thumbnail…

Fork of Face

A pink smiley face with animated eyebrows demonstrates basic DOM manipulation and transitions in D3.js v5. The face is constructed using SVG circles for the head and eyes, rectangles for the eyebrows, and a path generated by the `d3.arc` function for the mouth. The eyebrows move up and down via chained `transition()` calls with a 2000-millisecond duration each, altering the `transform` attribute. The example relies on D3 selections and attributes to build the static elements while animating the eyebrow group continuously.

Aug 12, 2024
Loading thumbnail…

Fork of HELLO

This example demonstrates the basic setup of a VizHub V3 project, displaying the text "Hello World" at a large font size in the center of the container. The code exports a `main` function that receives a `container` DIV element and sets its inner HTML with an inline-styled div, showcasing the simplified entry point without an `index.html`. The rendered font size can be adjusted interactively by alt-dragging the numeric value in the editor, highlighting the runtime's continuous hot reloading feature.

Aug 12, 2024
Loading thumbnail…

HELLO

This example demonstrates the simplest possible VizHub V3 project: a single line of “Hello World!” text rendered in the center of the container. The code uses the runtime’s `main` function and a templated HTML string to set the text’s font size, which can be adjusted live by holding the Alt key and dragging the numeric value. It serves as a minimal template for exploring the environment’s continuous hot reloading and interactive widget system.

Aug 12, 2024
Loading thumbnail…

FORK OF HELLO

This example demonstrates the simplest possible starting point in the VizHub V3 Runtime Environment, rendering a "Hello World!" message that scales with an integer-driven font size. It shows how the exported `main` function receives a `container` DIV and writes directly to its `innerHTML`, using inline CSS to control typography. The text remains static, but the Alt-drag interaction on the numeric value enables live updates. This illustrates the hot-reloading workflow where state changes and UI updates are handled through the `container` element without requiring an `index.html` file.

Aug 12, 2024
Loading thumbnail…

FORK OF HELLO

This example demonstrates the simplest possible starting point in the VizHub V3 Runtime Environment, rendering a "Hello World!" message that scales with an integer-driven font size. It shows how the exported `main` function receives a `container` DIV and writes directly to its `innerHTML`, using inline CSS to control typography. The text remains static, but the Alt-drag interaction on the numeric value enables live updates. This illustrates the hot-reloading workflow where state changes and UI updates are handled through the `container` element without requiring an `index.html` file.

Aug 12, 2024
Loading thumbnail…

FORK OF HELLO

This example demonstrates the simplest possible starting point in the VizHub V3 Runtime Environment, rendering a "Hello World!" message that scales with an integer-driven font size. It shows how the exported `main` function receives a `container` DIV and writes directly to its `innerHTML`, using inline CSS to control typography. The text remains static, but the Alt-drag interaction on the numeric value enables live updates. This illustrates the hot-reloading workflow where state changes and UI updates are handled through the `container` element without requiring an `index.html` file.

Aug 12, 2024