Skip to main content
Log in
N

NIRMALADEVI JAGANATHAN

@nirmaladevij·4 public vizzes

Loading thumbnail…

Fork of Hello VizHub

This example demonstrates a minimal setup for a D3.js visualization within the VizHub framework. It uses the D3 `select` API to target an HTML element and render a hardcoded text message, initially displaying "Hi II CSE A". The page imports D3 version 5 from a CDN and also utilizes a local ES6 module, `myMessage.js`, to export the message string. The code includes a simple CSS rule for styling the output text.

Aug 9, 2024
Loading thumbnail…

Fork of Hello VizHub

This fork of Hello VizHub presents a minimal report page titled “Cars Report,” demonstrating the basic structure of a VizHub example. It loads D3 via UNPKG and shows how to use the `import` statement for both the `"d3"` module and local ES6 modules. The display itself is limited to a static HTML heading, with no data loading or chart rendering performed. The accompanying `styles.css` file is included but not linked in the markup.

Aug 9, 2024
Loading thumbnail…

Hello Word

This example demonstrates the foundational "Hello World" template for the VizHub V3 runtime environment, showcasing its support for continuous hot reloading and interactive parameter adjustment. The exported `main` function receives a `container` DIV and renders a single text element with a fixed font size of 217 pixels, which can be modified in real time by alt-dragging the numeric value in the editor. It illustrates the simplified entry point, using `container.innerHTML` and CSS inline styles without requiring an `index.html` file.

Aug 9, 2024
Loading thumbnail…

Fork of Blank Slate with Hot Reloading

A blank slate template demonstrates the VizHub V3 runtime environment's hot reloading capability. The exported `main` function renders a simple “Hello World” message into a container DIV, with a font size defined as a plain JavaScript number. Alt-dragging that number in the editor updates the text size live, showcasing interactive widgets and immutable state updates via `setState`. This serves as a minimal starting point for building visualizations in the environment.

Aug 9, 2024