Demo

Interact with the controls to explore chart types, palettes, and data in real time.

Try scenario presets

Controls

Chart type

Colour palette

Height (px)

Data points

Or with the generic component:

generic component

<x-tayo::chart
    type="bar"
    :data="$chartData"
    colors="default"
    :height="420"
/>