Skip to main content
Log in
V

veda5592@gmail.com

@Vedavarshini2006·6 public vizzes

Loading thumbnail…

Hello World

This example demonstrates the VizHub V3 runtime environment as a blank slate for interactive coding. It uses an exported `main` function to render a styled text message directly into a container element using HTML and inline CSS. The code highlights continuous hot reloading, where holding the Alt key and dragging a number in the editor adjusts the font size in real time. No external libraries are used; the visualization relies solely on vanilla JavaScript and DOM manipulation.

Aug 12, 2024
Loading thumbnail…

solar family

This animated visualization shows the relative sizes of the Sun, planets, and Pluto as scaled circles, with distances between them deliberately not to scale. Each body appears sequentially via a staggered fade-in transition, labeled below its circle, and colored by characteristic hues. Built with D3.js, it uses `select`, `transition`, and `easeLinear` to animate circle radii and label opacity over two-second and half-second durations. Planet radii and colors derive from Wikipedia data on gravitationally rounded objects, while labels position dynamically based on each circle’s scaled radius.

Aug 12, 2024
Loading thumbnail…

Fork of Hello World

This example demonstrates the VizHub Version 3 runtime, which supports continuous hot reloading and interactive widgets. It displays a "Hello World" message using a simple `main` function that receives a `container` DIV element and an `options` object, avoiding the need for an `index.html` file. The code sets a `fontSize` variable, which can be interactively adjusted by holding the Alt key and dragging the number in the editor, providing real-time visual feedback. This serves as a blank slate for building more complex visualizations.

Aug 12, 2024
Loading thumbnail…

Hello World

This example demonstrates the entry point for VizHub V3 applications, rendering a text element whose font size is controlled by a constant variable. The code uses the exported `main` function with a `container` DIV element, setting an HTML string with inline styles to display "Hello World!" at 217 pixels. Interactive widgets enable continuous hot reloading, allowing the font size to be adjusted dynamically. The runtime replaces the traditional `index.html` setup with this streamlined `main` function approach.

Aug 12, 2024
Loading thumbnail…

Hello World

This example demonstrates the entry point for VizHub V3 applications, rendering a text element whose font size is controlled by a constant variable. The code uses the exported `main` function with a `container` DIV element, setting an HTML string with inline styles to display "Hello World!" at 217 pixels. Interactive widgets enable continuous hot reloading, allowing the font size to be adjusted dynamically. The runtime replaces the traditional `index.html` setup with this streamlined `main` function approach.

Aug 12, 2024
Loading thumbnail…

Hello World

This example demonstrates the entry point for VizHub V3 applications, rendering a text element whose font size is controlled by a constant variable. The code uses the exported `main` function with a `container` DIV element, setting an HTML string with inline styles to display "Hello World!" at 217 pixels. Interactive widgets enable continuous hot reloading, allowing the font size to be adjusted dynamically. The runtime replaces the traditional `index.html` setup with this streamlined `main` function approach.

Aug 12, 2024