Skip to content
gpu-components
GPUAnnotationCanvas

Annotate a scalar field

Pick a tool — rectangle, ellipse, point, ruler, polygon, freehand — and drag on the field to draw with it. Slide the window min/max to see the same Float32 field remapped through the colormap live.

Tool
Window min
Window max

A synthetic Float32 field — three Gaussian peaks over a gradient — with a host-owned annotation overlay. Every draw tool below only emits an event; this page's state decides whether to keep the result.

Requesting a GPU device…
dragpan, or draw with the active toolctrl + wheelzoom at the cursordblclick / Enterclose a polygonEsccancel the in-progress draftDeleteremove the selection
Annotations
Count3
Selectednone
Window
Min0.000
Max1.031

Interaction is hybrid: annotations is a host-owned prop, and GPUAnnotationCanvas never mutates it directly — it emits onCreate/onChange/onDelete for this page to apply.