Bubbles Or Weigthed Series

sample image

Razor

@page "/Scatter/Bubbles"
@using LiveChartsCore.SkiaSharpView.Blazor
@using LiveChartsCore.SkiaSharpView
@using LiveChartsCore
@using LiveChartsCore.Defaults

<CartesianChart
	Series="Series">
</CartesianChart>

@code {
    private ISeries[] Series { get; set; }

    protected override void OnInitialized()
    {
        var values1 = Fetch(1);
        var values2 = Fetch(10);
        var values3 = Fetch(10);

        Series = new ISeries[]
        {
            new ScatterSeries<WeightedPoint>
            {
                Values = values1,
                GeometrySize = 100,
                MinGeometrySize = 5
            },
            new ScatterSeries<WeightedPoint>
            {
                Values = values2,
                GeometrySize = 100,
                MinGeometrySize = 5,
                StackGroup = 1
            },
            new ScatterSeries<WeightedPoint>
            {
                Values = values3,
                GeometrySize = 100,
                MinGeometrySize = 5,
                StackGroup = 1
            }
        };
    }

    private static WeightedPoint[] Fetch(int scale)
    {
        var r = new Random();
        var length = 10;
        var values = new WeightedPoint[length];
        for (var i = 0; i < length; i++)
        {
            var x = r.Next(0, 20);
            var y = r.Next(0, 20);
            var w = r.Next(0, 100) * scale;
            values[i] = new WeightedPoint(x, y, w);
        }
        return values;
    }
}

Articles you might also find useful:

Cartesian chart control
Scatter series properties