Radar

Multivariate comparison across a common scale. Supports single and multi-series.

Subject

Series

Palette

Data shape

Pass this structure to the :data prop.

data shape

// Single series
[
    ['axis' => 'Speed',    'value' => 80],
    ['axis' => 'Strength', 'value' => 65],
]

// Multi-series
[
    ['name' => 'Model A', 'values' => [['axis' => 'Speed', 'value' => 80], ...]],
    ['name' => 'Model B', 'values' => [['axis' => 'Speed', 'value' => 60], ...]],
]

Usage

blade

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

Bubble Heatmap