Visuals & Composites

Browse one focused example per visual family or composite.

0D — point-like

Point

visuals
point, panzoom, capture

This example renders a 2D scatter plot with per-point color and diameter.

Pixel

visuals
pixel, panzoom, capture

This example renders a regular grid of independent screen-aligned pixels.

Marker

visuals
marker, panzoom, capture

This example compares marker symbols, sizes, strokes, fills, and rotations.

Splat

experimental visuals
splat, panzoom, capture

This example renders Gaussian splats as translucent ellipses.

1D — line-like

Segment

visuals
segment, panzoom, capture

This example draws independent line segments with different cap styles.

Path

visuals
path, panzoom, capture

This example draws several continuous signals with one path visual.

Vector

visuals
vector, path, panzoom, capture

This example compares straight vector arrows with curved vector paths.

Primitive

visuals
primitive, panzoom, capture

This example compares basic primitive topologies.

2D — planar

Image

visuals
image, sampled-field, panzoom, capture

This example displays a generated scalar field as a 2D image.

RGBA Image

visuals
image, sampled-field, rgba8, alpha-blending, panzoom, ...

This example displays a generated RGBA image as a 2D sampled field.

Text

visuals
text, panzoom, capture

This example places semantic text items in data coordinates.

Font Atlas Glyphs

experimental visuals
glyph, font-atlas, texture-atlas, sdf, panzoom, ...

This example renders text by submitting low-level glyph atlas quads directly.

Labels

visuals
labels, categorical-scale, panzoom, capture

This example turns an integer sampled field into categorical image labels.

3D — volumetric

Mesh

visuals
mesh, indexed-geometry, arcball, capture

This example renders a lit indexed cube mesh in a 3D scene.

Sphere

visuals
sphere, arcball, capture

This example displays a 3D cluster of raycast impostor spheres.

Volume

visuals
sampled-field, volume, transfer-function, boundary-box, arcball, ...

This example volume-renders a generated 3D gyroid scalar field.

Composites

Polygon Composite

composites
composite, polygon, polygon-set, holes, panzoom

This example compares one holed polygon with a multi-region polygon set.

Graph Composite

composites
composite, graph, marker-nodes, bezier-edges, panzoom

This example builds a small graph composite.