scale-gradient

Two-colour continuous gradient colour/fill scale.

Interpolates between low and high.

Usage

scale-gradient(
  ..args,
)

Parameters

Parameter Default Description
..args Named arguments forwarded to the colour/fill scale.

Keys accepted by ..args:

  • low: Bin or ramp low-end colour; default rgb("#132B43").
  • high: Bin or ramp high-end colour; default rgb("#56B1F7").
  • name: Axis or legend title, as a string or content; none (default) falls back to the mapped column name.
  • limits: Domain as a (lo, hi) pair, where either side may be auto to train that side from the data; none (default) trains both sides.
  • oob: Handling of rows outside limits: "drop" (default) removes them, "squish" clamps them to the nearest limit.
  • breaks: Array of tick positions in data units, a bare number for a single tick, a function of the trained values returning positions (the breaks-* helpers return such a function), or auto (default) for computed breaks.
  • labels: Array of labels aligned with the breaks, a function of the break value returning a string or content (the format-* helpers return such a function), or auto (default) to format each break.

Returns

Deferred scale spec consumed by scales.

Examples

Interpolate a numeric fill between two colours.

#let d = range(1, 8).map(i => (x: i, y: i, w: i))
#plot(
  data: d,
  mapping: aes(x: "x", y: "y", fill: "w"),
  layers: (geom-point(size: 5pt),),
  scales: scales(fill: scale-gradient(low: rgb("#132B43"), high: rgb("#56B1F7"))),
  width: 10cm,
  height: 6cm,
)

Scatter chart of seven diagonal points whose fill interpolates between a low and high colour with a numeric column.

Scatter chart of seven diagonal points whose fill interpolates between a low and high colour with a numeric column.

See also

scales, scale-gradient2, scale-gradientn.

Back to top