Manual
The document
OverviewGrammarDocument headerSyntax cheatsheet Scene Step
Content
Text blocks
Paragraph Heading 1 Heading 2 Heading 3 Heading 4 List
Maths
Equation Maths
Tables & images
Table Image
Formatting
Bold Italics Inline Code Highlight
Text colours
Links & references
Link Footnote Icon Internote Reference
ValueWhere inline content works
Narrative only
Note Definition Example Task Divider
Graph pane
Graph
Curves & areas
Curve Integral
Data marks
Scatter Histogram
Fits
Fit Residuals
Surfaces
Contour Heatmap
Marks
Line Segment Vector Point Polygon Text
Shapes
Circle Square Rectangle Triangle Star Diamond Hexagon
Axis furniture
Axis label Axis Brace
Expressions
Code pane
Code Lines
Animation & interaction
Cues that wrap content
Cue Draw cue Trace cue Highlight cue Spotlight cue Type cue
Cues on a value
Value cue Zoom cue
Anchors & timing Parameter
Advanced features
Data Let Define Preset Include If For Ignore
Reference
All constructs A–ZAttribute types
Concepts
IdentifiersBody & detailDerived attributes
Guidance
The narrative contractWhat earns a place on the canvasParameter or cueHonest numbersCode demonstrates, never computesAuthor-attached data only
?
  1. Graph pane
  2. Shapes

Shapes

Closed shape marks for a graph pane. Every one is positioned the same way, takes the same attribute household, and animates identically — the shape itself is the only difference.

The family

7 members, differing only in the outline drawn. Each has its own page.

CirclecircleA circle shape positioned at (x, y) with a given size. Supports fill, opacity, and color customization.SquaresquareA square shape positioned at (x, y) with a given size. Supports fill, opacity, and color customization.RectanglerectangleA rectangle shape positioned at (x, y) with a given size. Supports fill, opacity, and color customization.TriangletriangleA triangle shape positioned at (x, y) with a given size. Supports fill, opacity, and color customization.StarstarA star shape positioned at (x, y) with a given size. Supports fill, opacity, and color customization.DiamonddiamondA diamond shape positioned at (x, y) with a given size. Supports fill, opacity, and color customization.HexagonhexagonA hexagon shape positioned at (x, y) with a given size. Supports fill, opacity, and color customization.

Written down

circle(x: 0; y: 0; size: 2)
square(x: 0; y: 0; size: 2)
rectangle(x: 0; y: 0; size: 2)
triangle(x: 0; y: 0; size: 2)
star(x: 0; y: 0; size: 2)
diamond(x: 0; y: 0; size: 2)
hexagon(x: 0; y: 0; size: 2)

Shared attributes

Declared identically by every member — defaults included. Anything a member adds on top is on its own page.

xImplicit
parametised-number
X coordinate.Can be written as shorthand: circle:value
Default0
y
parametised-number
Y coordinate.
Default0
size
parametised-number
Radius/size.
Default1
colour
colour
Also written: colorColour.
Defaultpurple
fill
boolean
Fill shape.
Defaulttrue
opacity
number
Opacity.
Default1
label
rich-text
Text drawn beside the element — rich text, so `$maths$` and inline formatting render. Fades and draws with the element.
hidden
boolean
Declared but not drawn. Animatable — `hidden: true !cue.to{false}(at: 2)` reveals it — and unlike a `cue`, a hidden element still frames the plot, so the axes do not jump when it appears.
Defaultfalse
lock
boolean
Also written: lockedKeeps the reader from editing this element on an `editable:` graph. Nothing at all on a graph that is not editable.
Defaultfalse
text-size
number
Text size.
Default20
z
parametised-number
Stacking order. Higher z renders on top; when omitted or equal, elements stack in document order (later on top).
On this page
The familyShared attributes
PrivacyTermsContact Support
Shapes · Internote