TinyBase logoTinyBase β

Functions

BarChart component example

BarChart

The BarChart component renders a bar chart from TinyBase data. Its x values are rendered categorically by default, even when they are finite numbers. Add an XAxis component with a linear or time scale to position bars continuously. Boolean category labels are rendered as true and false. Read more.

BarSeries component example

BarSeries

The BarSeries component renders a bar series in a CartesianChart component. Its x values are rendered categorically by default, even when they are finite numbers. Add an XAxis component with a linear or time scale to position bars continuously. Boolean category labels are rendered as true and false. Read more.

CartesianChart component example

CartesianChart

The CartesianChart component renders a chart frame and provides TinyBase source and layout context to LineSeries component and BarSeries component children. Read more.

LineChart component example

LineChart

The LineChart component renders a line chart from TinyBase data. If every x value is a finite number, the x axis is rendered as a continuous linear scale. ISO date strings are inferred as a time scale. Other strings and booleans are rendered categorically. Add XAxis component and YAxis component children to override axis configuration. When sortCellId is omitted, rows are sorted by xCellId. Read more.

LineSeries component example

LineSeries

The LineSeries component renders a line series in a CartesianChart component. If every x value in every series is a finite number, the x axis is rendered as a continuous linear scale. ISO date strings are inferred as a time scale. Other strings and booleans are rendered categorically. When sortCellId is omitted, rows are sorted by xCellId. Read more.

XAxis component example

XAxis

The XAxis component configures the x axis of a CartesianChart component, LineChart component, or BarChart component. Read more.

YAxis component example

YAxis

The YAxis component configures the y axis of a CartesianChart component. Read more.