vahinikk14@gmail.com

@Vahini14·4 public vizzes

hello world

This example demonstrates the simplest possible VizHub V3 runtime environment setup. It renders a static "Hello pooja!" message inside a styled HTML div in the provided container, with a font size set directly in the code. The example exports a `main` function that receives the container element, showcasing the platform's streamlined entry point without requiring an `index.html` file. The code uses vanilla JavaScript and DOM manipulation via `container.innerHTML`, highlighting the hot-reloading workflow where holding Alt and dragging the numeric value updates the visualization in real time.

Aug 13, 2024

Loading thumbnail…

Fork of Blank Slate with Hot Reloading

This example demonstrates the VizHub V3 runtime environment, which supports continuous hot reloading through interactive widgets. The "Hello World" program displays "welcome all" text within a styled HTML div element, with font size controlled by an Alt-drag interaction. The code exports a `main` function that takes a container DIV, setting its inner HTML directly rather than requiring an index.html file. The simplicity of the approach highlights VizHub V3's streamlined entry point and real-time editing capabilities.

Aug 12, 2024

Loading thumbnail…

circles

This example shows seven translucent circles of varying sizes and neon colors arranged on a light green background. The circles’ positions, radii, and fill colors are defined in a static data array, which is then rendered into SVG elements. The code uses D3’s `select`, `.selectAll`, and `.join` methods to create the SVG canvas and circles, and applies attributes like `cx`, `cy`, `r`, and `fill` via method chaining. The opacity is set uniformly to 0.708, allowing overlapping circles to blend visually.

Aug 12, 2024

Loading thumbnail…

Fork of Blank Slate with Hot Reloading

This example showcases the "Hello World" starting point for the VizHub V3 Runtime Environment, emphasizing its interactive hot-reloading capabilities. The code defines a `main` function that renders a styled HTML `div` into a provided `container`, displaying text at a configurable font size. By holding the Alt key and dragging the numeric value in the editor, users can adjust the font size in real time, demonstrating the platform’s live feedback loop. This blank slate highlights the simplified entry point—a `main` function with a `container` argument—that replaces the traditional `index.html` setup.

Aug 12, 2024