Charts / Bubble

Bubble

Scatter variant that encodes a third variable as circle size. r is scaled proportionally.

Dataset

Palette

Data shape

Pass this structure to the :data prop.

data shape

[
    ['x' => 72, 'y' => 85, 'r' => 40, 'label' => 'Product A'],
    ['x' => 55, 'y' => 60, 'r' => 28, 'label' => 'Product B'],
]

blade

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