Chart
Full line/bar/pie/scatter chart.
A full-featured chart with axes, titles, and labels. Choose a subtype and supply up to 100 data points.
type · chart
An animated visual primitive.
How to use it
Just ask for it in chat — the agent emits this widget and the shell renders it:
Try saying
“bar chart of quarterly revenue: Q1 120, Q2 150, Q3 170, Q4 210”
Example
The agent returns this A2UI component (inside the components array of a /chat response):
chart.json
{
"type": "chart",
"subtype": "bar",
"title": "Revenue ($k)",
"data": [
120,
150,
170,
210
],
"labels": [
"Q1",
"Q2",
"Q3",
"Q4"
],
"yLabel": "$k"
}Properties
| Prop | Type | Description |
|---|---|---|
subtype | line|bar|pie|scatter | Chart type |
title | string | Chart title |
data | number[] | Data points (max 100) |
labels | string[] | Tick labels (optional) |
xLabel | string | X-axis title |
yLabel | string | Y-axis title |
minY | number | Y-axis minimum |
maxY | number | Y-axis maximum |
Browse the full Widget Index, the Widget Catalog, or learn the A2UI system behind it.