cue.spotlight

cue.spotlightNode

Takes the rest of the environment down — the other marks, the grid and the axes — and leaves what it wraps lit. Purely the dimming: nothing is drawn on the content itself, so pair it with a cue.highlight where a ring is wanted too.

#Attributes

atImplicit

cue-anchor

When the environment dims: a step index (1), a time (1.5s), or a step with an offset (1 + 500ms).Can be written as shorthand: cue.spotlight:value

Default0

duration

How long the environment stays dimmed, including coming on and letting go.

Default3s

easing

linearsmooth

Shape of the movement: smooth or linear.

Defaultsmooth

#Allowed content

#Allowed in

canvas.graph { }cue { }cue.draw { }canvas.code { }canvas.diagram { }

#Examples

cue.spotlight{
    curve(expression: x^2)
}(
    at: 1
)

cue.spotlight{
    point(x: 2; y: 4)
}(
    at: 2
    duration: 4s
)