plueckeb@rptu.de

JS in HTML

Thesis Viz

JS Keyboard Interaction Test

This example demonstrates a bare-bones JavaScript keyboard interaction test, where the page’s body listens for `keydown` events and logs each pressed key’s value to the browser console. The rendering is minimal, using a CSS class for large centered text but no visual output beyond the console log. The code relies on the native DOM `EventListener` API on `document.body` and the `console.log` method, with no external libraries or frameworks. The interaction is limited to keyboard input, with no data source or chart rendering involved.

Test of JS Keyboard Events

This example demonstrates how JavaScript keyboard events can drive interactive visualizations in the VizHub V3 runtime environment. It listens for key presses and uses the container element’s client dimensions to render responsive updates, leveraging the V3’s hot-reloading and state management API. The code employs the `main` function pattern with `state` and `setState` to handle immutable state transitions, providing a template for integrating user input into data-driven graphics. No external libraries are used, relying instead on native DOM event handling and the environment’s built-in rendering loop.