u1298975@utah.edu

@Codenommar·2 public vizzes

Fork of Blank Slate with Hot Reloading

This example demonstrates the fundamental structure of a VizHub Version 3 application, serving as a minimal "Hello World" that renders a single text element inside a flex container. The code exports a `main` function from `index.js` that receives a `container` DIV element and an `options` object containing `state` and `setState`. It uses the interactive widget feature, which enables continuous hot reloading, allowing properties like font size to be adjusted in real-time by holding the Alt key and dragging a number in the editor. The example showcases the simplified entry point that eliminates the need for an `index.html` file.

Sep 20, 2024

Loading thumbnail…

Fork of Fork of Blank Slate with Hot Reloading

This example presents a blank interactive canvas that responds immediately to code changes through hot reloading, acting as a live development sandbox for D3.js visualizations. It renders a simple, mutable state represented by draggable nodes and connecting edges, using D3’s force-directed simulation (`d3.forceSimulation`) to animate the layout in real time. The code directly leverages D3’s selection and manipulation API (`d3.select`, `d3.drag`) to handle user interaction, while the underlying data structure is a plain JavaScript array of node and link objects. The entire scene updates seamlessly as the source is edited, demonstrating a minimal but functional prototyping environment.

Sep 20, 2024