blazor で sigma.js の hello world.

準備

.NET Core 3.0 Preview SDK を使っています。こんな感じでコマンド打ちます。

dotnet new -i Microsoft.AspNetCore.Blazor.Templates::3.0.0-preview6.19307.2
dotnet new blazor -o sigma_hello
cd sigma_hello

実装

2つのファイルを変更します。

wwwroot/index.html

scriptを読み込んでます。

Pages/Index.razor

「myVegaHelper」を呼び出し。vegaのグラフ用にdiv #view。

動作確認

こんな感じなります。