Docs / Scatter & bubble

Packed bubble

Pro

Force-packed bubbles sized by value and grouped by category.

Illustration — rendered output uses live data.

Example

blade 
<chart:packed-bubble
    :nodes="[
        ['name' => 'PHP', 'value' => 80, 'category' => 'Backend'],
        ['name' => 'Vue', 'value' => 50, 'category' => 'Frontend'],
        ['name' => 'Redis', 'value' => 30, 'category' => 'Backend'],
    ]"
    :categories="['Backend', 'Frontend']"
/>

Props

Prop Type Default Description
nodes array [] Bubbles as [name, value, category].
categories array [] Category names for grouping/colour.

Plus the common props (height, theme, model, class).

This is a Pro component

Unlock it and every other Pro chart with a one-time license.

Get WireCharts Pro
Next Semi-circle →