cue

Presence on the timeline: what it wraps fades in at its in: anchor and out at its out: anchor. The rest of the cue family nests inside it — a highlight or a trace acts on content a cue has already brought in.

cueNode
Three frames of a fade: four grey readings alone, then a teal fitted line half faded in, then the line in full.Three frames of a fade: four grey readings alone, then a teal fitted line half faded in, then the line in full.
Writing with it:
Parameters & cues

#Attributes

inImplicit
Anchor: a step index (1), a time (1.5s), or a compound offset (1 + 500ms). Reveals at this anchor.
optional-cue-anchor
Can be written as shorthand: cue:value
Defaultnone
out
Anchor: a step index (1), a time (1.5s), or a compound offset (1 + 500ms). Hides at this anchor.
optional-cue-anchor
Defaultnone
in-duration
In animation duration (ms).
duration
Also written: duration
Default500ms
out-duration
Out animation duration (ms).
duration
Default500ms
easing
Easing function.
linearsmooth
Defaultsmooth
sequential
boolean
Defaultfalse

#Allowed content

Body { }
cue.highlightcue.spotlightcue.traceparagraphh1h2h3h4listimageequationquestionsliderselectorcue.slidercue.selectorlinepolygoncurvecirclesquarerectangletrianglestardiamondhexagonvectorsegmentbraceanglepointtextaxis.labelaxis.braceaxis.bandaxis.breakscatterhistogrambarlollipopboxplotdensityviolinheatmapfitintegralresidualscontoursurfacefieldlinesregionchoroplethmarkerarcboxarrowpinvertexedgeverticesedgespath

#Allowed in

scene [ ]canvas.graph { }canvas.code { }canvas.geo { }canvas.diagram { }canvas.network { }

#Examples

Three frames of the third step: the point at (1, 2) that faded in on the first, half faded out, then gone.Three frames of the third step: the point at (1, 2) that faded in on the first, half faded out, then gone.
canvas.graph{
    cue{
        point(x: 1; y: 2)
    }(
        in: 1
        out: 3
    )
}(
    x-domain: [-1, 3]
    y-domain: [0, 3]
)
Three frames of the second step: nothing, then the words Reveal this text fading in beside the canvas.Three frames of the second step: nothing, then the words Reveal this text fading in beside the canvas.
cue{
    Reveal this text
}(
    in: 2
)

Last updated