🌍 Public
Viewing a saved revision (read-only)
555c2fbf736647b2ad5d1861c4daff6e
Blank Slate with Hot Reloading
This blank slate demonstrates the VizHub V3 runtime’s hot reloading: a single `main` function renders “Hello World” with a fixed font size into a container DIV. Interactive widgets let users Alt-drag the numeric value directly in the editor to update the font size live, with changes reflected instantly alongside `state` and `setState` APIs for immutable state management. The example uses plain HTML and inline CSS for layout, with no external libraries. Its purpose is to show the minimal setup required before building larger visualizations.
AI-generated descriptionAn example showing the capabilities of VizHub 3:
- There is no
index.htmlhere! - The entry point is the named export
mainfromindex.js - The first argument to
mainiscontainer, a DOM node - The
containerDOM node is a<div>with measurable dimensions - You can
import './styles.css'to load CSS - You can
import data from './data.csv'to load CSV data - Dependencies such as D3 are configured in
package.json - Alt+Click on a color to get a color picker
- Alt+Drag on a number for to change it
- All changes are hot reloaded
- Works with remote collaborators!