レーダーチャートをJavaScriptで描画したいとChatGPTに聞いたら
Chart.jsをオススメされました。
2020年、新型コロナウイルス対策ダッシュボードの開発過程で出会った定番グラフライブラリのひとつです。
「ESモジュール版Chart.jsを使ったレーダーチャートサンプル on ss.sabae.cc」
公式ではまだESモジュールに対応していないようなので、最新版をダウンロードしてESモジュール化して公開する、Chart-esとしてアップデート。importしてスッキリ使えます。
「Chart-es - Chart.js - ES module version」
Chart-esは、CDNからumd版をダウンロードし、exportする文を追加するmake.jsが肝。
const url = "https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.umd.js";
const txt = await (await fetch(url)).text();
const es = txt + "\n\nconst Chart = window.Chart;\nexport { Chart };\n";
await Deno.writeTextFile("Chart.js", es);
広めていきましょう、ESモジュール!
links
- 病床使用率をモニタリング!福井で初の感染者、感染症病床数は48、みんなで打ち勝つ新型コロナ、Let's Code for 地元!