Scatter chart — free-floating (X, Y) markers on a numeric plane. Built on the BPT chart foundation — palette-aware, drag-to-rotate in 3D mode (markers stay camera-facing on a tilted floor), scroll-zoom, and keyboard-accessible via a hidden data table.
| Label | X | Y |
|---|---|---|
| Pt 1 | 30 | 7.2 |
| Pt 2 | 53.8 | 72.7 |
| Pt 3 | 35.1 | 32.9 |
| Pt 4 | 31.7 | 18.4 |
| Pt 5 | 55.2 | 79.8 |
| Pt 6 | 37 | 32.7 |
| Pt 7 | 25.2 | 12.6 |
| Pt 8 | 61.4 | 64.8 |
| Pt 9 | 45.5 | 26.1 |
| Pt 10 | 34.4 | 20.3 |
| Pt 11 | 61.9 | 61.6 |
| Pt 12 | 32.7 | 46.2 |
| Pt 13 | 34.5 | 19.2 |
| Pt 14 | 51.3 | 78.3 |
| Pt 15 | 34.4 | 52.2 |
| Pt 16 | 30.8 | 18.5 |
| Pt 17 | 55.6 | 58.2 |
| Pt 18 | 39.2 | 42.5 |
| Pt 19 | 34.6 | 3.1 |
| Pt 20 | 66.1 | 81.2 |
| Pt 21 | 52.5 | 36.5 |
| Pt 22 | 14.5 | 3.8 |
| Pt 23 | 51.5 | 80.4 |
| Pt 24 | 48.8 | 28.5 |
| Pt 25 | 17.5 | 26.2 |
| Pt 26 | 58.7 | 76.4 |
| Pt 27 | 34.3 | 26.3 |
| Pt 28 | 28.1 | 18.5 |
<BptChartScatter Data="@Data"
Width="640"
Height="380"
XAxisLabel="Engagement"
YAxisLabel="Conversion"
Title="Sample distribution"
OnElementClick="HandleClick" />
@code {
private readonly IReadOnlyList<BptChartScatterPoint> Data = new BptChartScatterPoint[]
{
new(X: 25, Y: 18, Label: "Pt 1"),
new(X: 65, Y: 72, Label: "Pt 2"),
new(X: 45, Y: 40, Label: "Pt 3")
// …
};
private void HandleClick(BptChartElementEvent e) {
// Click handler — fires regardless of TooltipMode.
}
}