Skip to main content

Vega Lite

The Vega Lite component allows you to display a Vega Lite chart.

Vega Lite API

The following section details Vega Lite component's specific settings. For more details on the App editor, check the dedicated documentation or the App editor Quickstart:

Data Source

TypeConnectableTemplatableDefaultDescription
objecttruefalseThe Vega Lite chart config

Controls

This component can be controlled by frontend scripts using these functions:

NameParametersDescriptionExample
recomputeid: stringRecompute a component.recompute('a');

Vega Lite configuration

NameTypeConnectableTemplatableDefaultDescription
canvasbooleanfalsefalsefalseUse the canvas renderer instead of the svg one for more interactive plots

Outputs

NameTypeDescription
resultObjectThe Vega Lite chart data.
loadingbooleanThe loading state of the Vega Lite chart