Basic Rendering

This page starts with the smallest complete Helios Web program. It creates a WASM-backed graph, adds a few nodes and edges, mounts Helios into the render area provided by the example, and lets Helios choose the renderer and default GPU-force layout. In browsers with WebGPU support, Helios can use WebGPU; otherwise it falls back to WebGL2.

Nothing in this first example configures mappers, labels, legends, cleanup, renderer preferences, or layout parameters. Those features matter, but they are not needed to understand the basic contract: a helios-network graph goes into the Helios constructor, and the Helios instance owns the visual view.

Render A Small Graph

Body Header

Render Console

The default behaviors are already attached. That means later examples can call helios.behavior.selection, helios.behavior.mappers, helios.behavior.filters, and the rest of the behavior namespace without enabling those behaviors one by one.