Choose an example by its task
Find a starting input, open its live result, then follow the matching guide. Choose a library to see its tasks together, a language to practice declarations, or an integrated workflow to follow data between public library contracts.
| View | Choose it when you want to… |
|---|---|
| By library | Learn a package operation or find all learning purposes for a primary library |
| Language practice | Edit CAD source, GPU scene styles or material expressions and inspect their meaning |
| Integrated workflow | Follow native CAD geometry through sampling and GPU display |
An API task focuses on public operations such as scene edits, manual steps or document Open. A language task focuses on what the complete source means. An integrated task focuses on the handoff between libraries. A browser host, shared canvas component or backing fixture alone does not make a task an integrated workflow.
45 of 45 runnable examples
- Generated scene
Edit typed inputs, finite repeats and strict conditions, then inspect actual generated objects and application diagnostic boxes.
- Viewer display pose
Measure native millimetre coordinates, move only the displayed pose, then project and select the same surface.
- CAD adaptive sampling
Change a weighted degree-five Curve display tolerance while retaining its complete source and native coefficients.
- SVG arc import
Import an SVG endpoint arc, edit cubic controls and reopen the saved complete scene JSON.
- Discrete threshold palette
Compare strict select thresholds with public CPU colour evaluation and an application display.
- CAD quantity functions
Compose typed length functions with named arguments and defaults, then inspect the complete model and call receipts.
- Reusable palette shader
Compose a bounded float easing function and a color palette function over a diagonal UV wave.
- Radial SVG export
Edit a local radial gradient, export its native SVG image and reopen the complete editable scene JSON.
- Woven grid shader
Build crossing UV threads and compare their bounded blend with explicit weave controls.
- Contour bands shader
Map a sinusoidal UV field into repeated contour bands with caller-controlled phase.
- Halftone dots shader
Shape repeated UV dots with a bounded coverage mask and explicit ink controls.
- CAD rational dome
Compare a nine-pole rational dome with its evaluated surface by editing a typed rise and central weight.
- SVG export
Edit a two-stop path gradient, download its SVG image and reopen the separate editable scene JSON.
- GPU scene
Edit source1 shapes, placement, rotation and color in a complete scene.
- CAD curve
Edit rational Curve poles and weights, then compare evaluated points with the control polygon.
- CAD surface
Compile and evaluate native CAD, sample a separate mesh and convert millimetres once for GPU display.
- GPU material
Compile an opaque material and change its host-controlled blend on a fixed CAD-derived mesh.
- CAD extrude
Extrude a source1 Curve into an open Surface by editing its native millimetre vector.
- CAD parameters
Resolve typed source2 Parameters and inspect the new native values after a length edit.
- GPU six shapes
Compare the six admitted source1 primitives and edit their dimensions and rotations.
- rgb()
Build a palette from literal RGB bytes and inspect its linear color mix.
- sin()
Remap a bounded sine cycle into an admitted color ratio.
- cos()
Compare a cosine response with explicit scalar input rather than a hidden clock.
- radians()
Convert an authored degree range to radians and normalize a half turn.
- pow()
Square an admitted scalar with a literal exponent to change the response curve.
- abs()
Use scalar magnitude to make a symmetric response around the input midpoint.
- min()
Cap the scalar response at a fixed upper value.
- max()
Give the scalar response a fixed lower floor.
- clamp()
Keep a scalar inside explicit ordered limits before mixing colors.
- smoothstep()
Ease a scalar through a transition with literal edges and flat endpoints.
- mix()
Compare the scalar and color interpolation forms in one complete material.
- Viewer panel
Load native source, move the camera, fit, clear and reload through Viewer APIs.
- Canvas2D rectangle
Resize a retained rectangle and inspect its current semantic hit.
- Physics fixed step
Advance a sphere with explicit fixed time steps and inspect copied metre state.
- CAD weighted parameters
Use typed lengths and a scalar weight to change a rational Surface without moving its poles.
- CAD curved extrude
Edit a quadratic profile bend and extrude it with a typed length Parameter.
- CAD nonunit curve
Evaluate a rational Curve in its original parameter domain and edit its middle weight.
- GPU rounded stack
Compare type rules and ID overrides for rounded boxes with separate poses.
- GPU crossed capsules
Keep capsule endpoints local while rotating and placing independent scene objects.
- Material transition window
Combine a remapped input, clamp, smoothstep and a literal palette into a bounded transition.
- Neon plasma shader
Edit a UV material with warped waves and cubic highlights, then control its explicit uniforms.
- Caustics shader
Combine a cyan crossing field with squared gold bands and caller-controlled phase.
- Unicode label
Prepare a local browser text raster and save or restore its GlyphRun and copied RGBA in memory.
- Diagram label
Keep full semantic text while displaying ellipsis and a separate outline, then save and open JSON.
- Path control editor
Drag authored Q/C controls with copied paint, preview admission, Undo/Redo and fresh JSON Open.
Read Use the interactive examples for input, units and result interpretation. The all-examples playground remains available, including its existing deep links. Each sample retains its complete input, stated source profile, guide and actual image.