marker

A point on the earth, placed singly or one per row of a dataset.

markerNode
A world map with markers at London, Tokyo and Sydney.A world map with markers at London, Tokyo and Sydney.

#Attributes

atImplicitAnimatable
The place, latitude first: at: 35.68, 139.69. Either half may be a parametised expression, and the pair is animatable with !cue.to. Omit it and give lat: and lon: instead for the data-bound form.
region-coordinate
Can be written as shorthand: marker:value
lat
Data-bound form: the @data column of latitudes, lat: #quakes.lat. One symbol is drawn per row.
reference
lon
Data-bound form: the column of longitudes, lon: #quakes.lon.
reference
Also written: lng
size-by
A numeric column that scales symbol AREA, not radius — which is what makes the sizes comparable by eye: the proportional-symbol map. Rows with no positive value draw nothing.
reference
sizeAnimatable
The symbol's size — the largest symbol's, when size-by: scales the rest.
parametised-number
Default6
colourAnimatable
The symbol's hue.
colour
Also written: color
Defaultorange
opacityAnimatable
How solid the symbols are, 0 to 1. Worth lowering when data-bound markers crowd each other.
number
Default1
label
Rich inline label set above the marker. Single form only — a data-bound marker draws one symbol per row, and there is no one place to put the text.
rich-text
hiddenAnimatable
Declared but not drawn. Animatable, so hidden: true !cue.to{false}(at: 2) is the overlay's reveal.
boolean
Defaultfalse

#Allowed in

cue { }cue.draw { }cue.trace { }cue.highlight { }cue.spotlight { }region { }

#Examples

A world map with a marker at London.A world map with a marker at London.
region:world{
    marker(at: 51.47, -0.46; label: London)
}
A world map with translucent red markers at twelve great earthquakes, each sized by magnitude, clustered around the Pacific.A world map with translucent red markers at twelve great earthquakes, each sized by magnitude, clustered around the Pacific.
region:world{
    marker(lat: #quakes.lat; lon: #quakes.lon; size-by: #quakes.magnitude; colour: red; opacity: 0.6)
}

Last updated