d3jsでヒートマップ。
準備
.NET Core 3.0 Preview SDK を使っています。こんな感じでコマンド打ちます。
dotnet new blazor -o d3_heatmap
cd d3_heatmap
実装
3つのファイルを変更します。
wwwroot/index.html
scriptを読み込んでるだけです。d3と blazorから呼び出す用のヘルパー。
wwwroot/helper.js
BlazorとD3を繋ぐためのヘルパーです。
Pages/Index.razor
ランダムなレコードを作って、集計してヒートマップが出るようにヘルパーの「myD3Helper」を呼び出し。
動作確認
こんな感じなります。
