ScottPlot.NET

Blazor Quickstart

Step 1: Create a new Blazor WebAssembly project

Step 2: Add the ScottPlot.Blazor NuGet package

Step 3: Place a BlazorPlot on your .razor page and plot some data

This code sample is specific to ScottPlot 5 (details)
@page "/"
@using ScottPlot
@using ScottPlot.Blazor

<h1>ScottPlot 5 in Blazor</h1>

<BlazorPlot @ref=BlazorPlot Style="width: 400px; height: 300px;" />

@code {

    BlazorPlot BlazorPlot { get; set; } = new();

    protected override void OnAfterRender(bool firstRender)
    {
        BlazorPlot.Plot.Add.Signal(Generate.Sin());
        BlazorPlot.Plot.Add.Signal(Generate.Cos());
    }
}