Home Components Support Pricing About Log in

Bubble Chart

BptChartBubble

Bubble chart — like a scatter plot, but each marker carries a third numeric dimension encoded as its area (Stephens' law). Useful for visualising three-dimensional relationships on a 2D plane. Built on the BPT chart foundation — palette-aware, drag-to-rotate in 3D mode, scroll-zoom, and keyboard-accessible via a hidden data table.

Bubble Chart Parameters

Market share vs growth
Label	X	Y	Size
Alpha Corp	18	6	220
Beta Inc.	32	14	380
Gamma Ltd	45	22	640
Delta GmbH	28	18	180
Epsilon SA	12	9	90
Zeta Group	38	30	520
Eta Partners	22	11	120
Theta Holdings	50	26	860

Current Configuration

📋

<BptChartBubble Data="@Data"
                Width="680"
                Height="420"
                XAxisLabel="Market share %"
                YAxisLabel="Growth %"
                Title="Market share vs growth"
                OnElementClick="HandleClick" />

@code {
private readonly IReadOnlyList<BptChartBubblePoint> Data = new BptChartBubblePoint[]
{
    new(X: 18, Y:  6, Size: 220, Label: "Alpha Corp"),
    new(X: 32, Y: 14, Size: 380, Label: "Beta Inc."),
    new(X: 45, Y: 22, Size: 640, Label: "Gamma Ltd")
    // …
};

private void HandleClick(BptChartElementEvent e) {
    // Click handler — fires regardless of TooltipMode.
}
}