Highlight cue

cue.highlightBlock elementAnimation

Draws attention to what it wraps: rings push out of the mark's own edge and fade as they grow, twice, in the mark's own colour — the same gesture the interface uses to ring a focused field. Presence is untouched, so it can sit inside a cue or a cue.draw and ring content that cue has already brought in.

Attributes

atImplicit

cue-anchor

When the rings start: a step index (1), a time (1.5s), or a step with an offset (1 + 500ms).The head shorthand supplies it: cue.highlight:value

Default0

duration

How long one ring takes. Two of them go, the second setting off while the first is still on its way out.

Default1500ms

colour

Also written: colorThe rings' colour. Left out, they take the colour of whatever is being highlighted.

easing

easing-function

Shape of the rise and fall: `smooth` or `linear`.

Defaultsmooth

Allowed content

Body { }

line polygon curve circle square rectangle triangle star diamond hexagon vector segment point text scatter histogram axis.label fit parameter residuals

Allowed in

cue { }cue.draw { }canvas.code { }

Examples

cue.highlight{
    point(x: 4; y: 4; colour: teal)
}(
    at: 2
)

cue.highlight{
    curve(expression: x^2)
}(
    at: 1
    duration: 2s
    colour: orange
)