Square

squareBlock elementGraph

A square shape positioned at (x, y) with a given size. Supports fill, opacity, and color customization.

Attributes

xImplicit

parametised-number

X coordinate.The head shorthand supplies it: square:value

Default0

parametised-number

Y coordinate.

Default0

size

parametised-number

Side length.

Default1

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

parametised-number

Stacking order. Higher z renders on top; when omitted or equal, elements stack in document order (later on top).

Allowed content

Body { }Inline Chalk content (formatted text, inline math, links, and inline elements)

Allowed in

canvas.graph { }cue { }cue.draw { }cue.trace { }cue.highlight { }cue.spotlight { }

Examples

square(x: 0; y: 0; size: 2)

square(x: 1; y: -1; size: 1.2; opacity: 0.6)