Features

Browse isolated examples for layout, navigation, adornments, rendering, interaction, animation, and diagnostics.

Scene & Layout

Basic Scene

features

This example shows the smallest scene with a point visual.

Coordinate System

features

This example shows the Datoviz 3D coordinate convention.

Single Panel

features

This example creates one explicit panel rectangle inside a figure.

Panel Grid

features

This example arranges four independent panels in a 2x2 figure grid.

Multiple Panels

features

This example shows two panels with independent data, domains, and panzoom state.

Linked Panels

features

This example links the X panzoom extent of two stacked signal panels.

Panel View 2D

features

This example animates the widths of free and equal-aspect 2D panels.

Panel Background

features

This example shows a custom panel background behind a foreground primitive.

User Scale

features

This example shows how one user-scale value affects screen-space visual sizes and axes.

View Size Policies

No screenshot

features
view-size, framebuffer, window

This example demonstrates how requested view size policies resolve to real view sizes.

Visual Transform

features

This example compares raw point data with a visual-local affine transform.

Visual Visibility

features

This example toggles one visual on and off without changing its data arrays.

Navigation

Manual Camera

features

This example shows explicit perspective-camera setup for a 3D scene.

Panzoom

features

This example binds a 2D panzoom controller to a point visual in data coordinates.

Arcball Controller

features

This example shows an arcball controller rotating a 3D view.

Turntable Controller

features

This example shows world-up orbiting with a turntable controller.

Fly Controller

features

This example shows fly-style camera navigation through a 3D scene.

Orientation Gizmo

features

This example adds a small orientation widget to a 3D panel.

Reference Grid

features

This example adds a ground-plane reference grid to a 3D scene.

Adornments

Axis Labels

features

This example shows axis titles and tick-label layout around a plotting panel.

Path With 2D Axes

features

This example shows a 2D data path with axes, ticks, and grid lines.

Datetime Axis

features
axes, datetime, time-series

This example shows UTC datetime labels on a numeric data axis.

Guide Lines

features

This example shows movable horizontal and vertical guide lines.

Guide Spans

features

This example shows movable guide spans for highlighting data ranges.

Bars And Bands

features

This example shows bars and an uncertainty band in one 2D panel.

Scale Bar

features

This example attaches a metric length scale bar to a 2D panel.

Scale Bar Units

features

This example uses duration units for a scale bar on a time-series panel.

Colorbar

features
colorbar, scalar-field, image, capture

This example shows a scalar image and a continuous colorbar.

Scalar Color Scale

features

This example shows scalar point values mapped through a custom colormap.

Categorical Legend

experimental features
categorical-scale, legend, marker, capture

This example shows how one categorical scale drives both marker colors and a legend.

Annotation Readout

features

This example shows a text annotation anchored to one data point.

Text Block

features

This example renders a multiline text object at a stable screen position.

Overlay Card

features

This example places a screen-space readout card above a simple data trace.

Label Probe

features

This example queries categorical label IDs from a generated label image.

Shapes & Geometry

Builtin Shapes 2D

features

This example shows built-in 2D geometry rendered as meshes.

Builtin Shapes 3D

features

This example shows built-in 3D geometry rendered as lit meshes.

Marker Symbols

features
marker, symbol-set, bitmap-symbol, distance-field-symbol, svg-path-symbol

This example compares several ways to define marker glyphs in one symbol set.

Bezier Curve Path

features

This example shows a cubic Bezier curve tessellated into a path.

Path Join

features

This example compares miter, round, and bevel joins on difficult stroked paths.

OBJ Loading

features

This example loads a Wavefront OBJ fixture and displays it as a mesh.

Scalar Fields

Sampled Field Update

features

This example reuses one sampled scalar field in two image visuals while updating patches.

Isolines

features

This example shows contour isolines over a scalar field.

Image Probe

features

This example shows probing a scalar image at a marked data position.

Materials & Lighting

Lighting

features

This example compares the same sphere cluster under three material and light configurations.

Textured Mesh

features

This example maps an RGBA8 sampled field onto a UV sphere mesh.

Mesh Materials

features

This example compares cube meshes rendered with different material models and parameters.

Rendering Techniques

Depth Cue

features

This example compares a plain 3D sphere lattice with depth-dependent fading.

Eye-Dome Lighting

experimental features

This example compares a dense 3D point cloud with and without Eye-Dome Lighting.

Screen-Space Ambient Occlusion

features

This example compares a synthetic molecular aggregate with and without ambient occlusion.

Multisample Antialiasing

features

This example compares single-sample rendering with 8x multisample antialiasing.

Transparency Order

features

This example compares three transparency techniques on the same overlapping cubes.

Alpha Blending

features

This example shows translucent triangles composited in draw order.

Depth Test Toggle

features

This example compares overlapping 3D points with depth testing enabled and disabled.

Interaction & Selection

Picking

features

This example demonstrates item-level marker hover and click selection.

Pixel Selection

features

This example queries and selects individual cells in a pixel grid.

Sphere Selection

features

This example queries and selects individual raycast spheres in a 3D cluster.

Mesh Instance Selection

features

This example queries and selects individual instances of one mesh visual.

Animation & Updates

Animation Tracks

features

This example shows scene animation tracks driving a cube and camera.

Timer Animation

features

This example updates point attributes every frame from scenario time.

Compute Buffer Animation

experimental features
scene-compute, storage-buffer, point

This example shows a compute pass updating point positions.

Partial Data Update

features

This example moves only part of a point visual's position array.

Visual Data Update

features

This example replaces all arrays on one point visual.

GUI

GUI Controls

features

This example shows Datoviz GUI controls updating a point visual.

GUI Viewport

features

This example shows a Datoviz render viewport embedded inside a GUI window.

Raw cimgui GUI

features

This example shows raw cimgui widgets controlling a Datoviz visual.

Input & Diagnostics

Input Events

No screenshot

features

This example shows native keyboard, pointer, wheel, and resize events.

JSON Export

No screenshot

experimental features

This example writes a scene to a compact JSON diagnostic file.

Bounds Overlay

diagnostic features
diagnostic, bounds, overlay, point, sphere

This example shows diagnostic bounds overlays for 2D and 3D visuals.