DocsGraphiqueScalesScaleFill

ScaleFill

A headless component used to configure the fill color encoding for a visualization's geometry elements.

Available configuration options determined by an aes.fill functional mapping and the type of data it returns (e.g. continuous vs. categorical).

Examples

Categorical

Continuous

Ordinal

API

ScaleFill(props: VisualEncodingProps) => null

VisualEncodingPropsinterface

namedescription
type?

An explicit scale imported from d3-scale used to determine relationship between data inputs and visual outputs (default: inferred from aes mapping's initial return type)

VisualEncoding
domain?

Used to create an explicit/fixed scale. Continuous scales should get [min, max] and categorical scales should get an ordered list of categories.

any[]
values?

Used to create an explicit/fixed scale. Continuous scales should get a function that maps the input domain to the output range (e.g. a d3 interpolator), and categorical scales should get an ordered list of categories (e.g. a d3 scheme).

((t: number) => string) | readonly string[]
reverse?

For continuous scales, should the scale be reversed. Note: Categorical scales have their order controlled by domain.

boolean
ScaleYScaleStroke