santhiyasasikumar0205@gmail.com

@Santhiya-02·3 public vizzes

Fork of Solar System

This animation visualizes the relative sizes of the Sun and planets in the solar system, using circles scaled proportionally to each body’s radius. Data from Wikipedia drives the layout, with distances not to scale and labels positioned below each circle. The code uses D3’s `select`, `transition`, and `easeLinear` APIs to animate the circles growing from zero and fading in labels sequentially. A simple black background and solid color fills keep the illustration clear, while the fork invites adding SVG gradients for more realistic planetary textures.

Aug 12, 2024

Loading thumbnail…

Fork of Blank Slate with Hot Reloading

This example demonstrates VizHub V3’s hot-reloading environment, where a single numeric value controls the font size of a “Hello World!” message. The `main` function, exported from `index.js`, writes an HTML string into a container using `innerHTML`, with the number `1333` embedded directly in the style tag. Holding Alt and dragging that number in the editor updates the text size live, showcasing the runtime’s interactive widgets and immutable state handling. The code uses only vanilla JavaScript and DOM APIs, with no external libraries or data sources.

Aug 12, 2024

Loading thumbnail…

Fork of Blank Slate with Hot Reloading

This example demonstrates the VizHub V3 Runtime Environment’s hot reloading feature, using a simple “Hello World” text element. The code exports a `main` function that takes a `container` DIV, setting the font size to a fixed numeric value via inline styles. Holding the Alt key and dragging that number in the editor triggers continuous reloading, instantly reflecting the change in the rendered output. The example highlights the streamlined entry point without an `index.html`, relying on the `main` function signature and interactive widgets for real-time feedback.

Aug 12, 2024