Skip to content

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