Manual
Overview
Language
IntroductionScenes & structureText & inlineGraphsCode panesAnimationDataReuse & logicExpressions & parameters
Elements
Text
ParagraphHeading 1Heading 2Heading 3Heading 4Unordered ListDivider
Media
ImageTableEquation
Callouts
NoteDefinitionExampleTask
Graph
GraphLinePolygonCurveIntegralScatterHistogramPointSegmentVectorCircleSquareRectangleTriangleStarDiamondHexagonTextAxis labelAxis BraceFitResidualsContourHeatmapParameter
Code
Code canvasLines
Animation
CueDraw cueTrace cueHighlight cueSpotlight cueType cue
Structure
SceneStep
Reference
Internote Reference
Inline
Formatting
BoldItalicsInline CodeHighlightLink
Text colour
Red textOrange textYellow textGreen textTeal textBlue textPurple textPink textGrey text
Maths
Maths
Reference
Internote ReferenceValueConstant
Other
FootnoteIcon
Directives
DatasetIncludeConstantsTemplatePresetConditionalForIgnore
Keyframes
KeyframeZoom keyframe
Attribute types
?
  1. Elements
  2. Animation
  3. Spotlight cue

Spotlight cue

cue.spotlightBlock elementAnimation

Takes the rest of the pane 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 pane dims: a step index (1), a time (1.5s), or a step with an offset (1 + 500ms).The head shorthand supplies it: cue.spotlight:value
Default0
duration
duration
How long the pane stays dimmed, including coming on and letting go.
Default3s
easing
easing-function
Shape of the movement: smooth or linear.
Defaultsmooth

Allowed content

Body { }
linepolygoncurvecirclesquarerectangletrianglestardiamondhexagonvectorsegmentpointtextscatterhistogramaxis.labelfitparameterresiduals

Allowed in

cue { }cue.draw { }

Examples

cue.spotlight{
    curve(expression: x^2)
}(
    at: 1
)
cue.spotlight{
    point(x: 2; y: 4)
}(
    at: 2
    duration: 4s
)
On this page
AttributesAllowed contentAllowed inExamples
Spotlight cue · Internote