Analytics Components¶
analytics.bar-chart¶
Version: 1.0.0 · Category: visualization
| Property | Type | Required | Allowed values |
|---|---|---|---|
orientation |
string | vertical, horizontal |
|
showLegend |
boolean | ||
stacked |
boolean | ||
title |
string |
Data inputs
| Input | Type | Required | Description |
|---|---|---|---|
primary |
categorical | yes | Categorical data for bars |
Events
| Event | Description |
|---|---|
click |
Bar clicked |
Capabilities: data.read
Layout constraints: min width 250px; min height 200px
Design tokens: accent
analytics.filter¶
Version: 1.0.0 · Category: control
| Property | Type | Required | Allowed values |
|---|---|---|---|
field |
string | yes | |
filterType |
string | yes | select, multi-select, date-range, search |
label |
string | ||
options |
array | ||
placeholder |
string |
Events
| Event | Description |
|---|---|
change |
Filter value changed |
clear |
Filter cleared |
Capabilities: data.read, state.write
Design tokens: accent, border
analytics.gauge¶
Version: 1.0.0 · Category: visualization
| Property | Type | Required | Allowed values |
|---|---|---|---|
format |
string | ||
max |
number | ||
min |
number | ||
size |
string | sm, md, lg |
|
thresholds |
array | ||
title |
string |
Data inputs
| Input | Type | Required | Description |
|---|---|---|---|
primary |
scalar | yes | Current gauge value |
Capabilities: data.read
Layout constraints: min width 120px; min height 120px
Design tokens: success, warning, danger
analytics.line-chart¶
Version: 1.0.0 · Category: visualization
| Property | Type | Required | Allowed values |
|---|---|---|---|
showLegend |
boolean | ||
smooth |
boolean | ||
stacked |
boolean | ||
title |
string | ||
xAxis |
string | ||
yAxis |
string |
Data inputs
| Input | Type | Required | Description |
|---|---|---|---|
primary |
timeseries | yes | Time-series data to plot |
Events
| Event | Description |
|---|---|
brushEnd |
Selection brush completed |
click |
Data point clicked |
zoomReset |
Zoom reset to default |
Capabilities: data.read
Layout constraints: min width 300px; min height 200px
Design tokens: accent
analytics.metric¶
Version: 1.0.0 · Category: visualization
| Property | Type | Required | Allowed values |
|---|---|---|---|
format |
string | ||
prefix |
string | ||
sparkline |
boolean | ||
suffix |
string | ||
title |
string | ||
trend |
boolean | ||
valueField |
string |
Data inputs
| Input | Type | Required | Description |
|---|---|---|---|
primary |
scalar | yes | Scalar metric value |
Events
| Event | Description |
|---|---|
click |
Metric card clicked |
Capabilities: data.read
Layout constraints: min width 140px; min height 80px
Design tokens: success, danger
Variants: default, compact, sparkline
analytics.table¶
Version: 1.0.0 · Category: visualization
| Property | Type | Required | Allowed values |
|---|---|---|---|
columns |
array | ||
filterable |
boolean | ||
pageSize |
integer | ||
sortable |
boolean | ||
title |
string |
Data inputs
| Input | Type | Required | Description |
|---|---|---|---|
primary |
tabular | yes | Tabular row data |
Events
| Event | Description |
|---|---|
filter |
Column filter applied |
rowClick |
Table row clicked |
sort |
Column sort changed |
Capabilities: data.read
Layout constraints: min width 400px
Design tokens: border, surface