d3でちっちゃな棒グラフ

準備

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

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

log-normal distribution を使いたいので、 Math .Netをadd

dotnet add package MathNet.Numerics --version 4.8.1

実装

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

wwwroot/index.html

scriptを読み込んでます。

wwwroot/helper.js

d3のグラフ描画用helperクラス

Pages/Index.razor

データを生成して、「MyChart」を呼び出し。

動作確認

こんな感じなります。