Webブラウザーにグラフを描けるChart.jsを使ってみました。Webブラウザーにグラフを描画できるMITライセンスのオープンソースJavaScriptライブラリーです。グラフはWebブラウザーのcanvasタグで描画するため、普及率の高いWebブラウザーに対応できます。使ってWebブラウザー用のグラフを作ってみました。クラスを呼び出すだけです。気象庁が公開しているCSVファイルから一部抜粋して簡単な棒グラフを作ってみました。これをEdgeで表示するとこうなります。14~19行目のJSONデータを表示したい内容に合わせて変更すればグラフを変更出来ます。公開データをグラフ化する一般公開されているCSVファイルの内容をJSONに変換してグラフ化してみました。気象庁が定期的に更新しているCSVファイルをリアルタイムに棒グラフ化します。動作確認出来ませんでした。棒グラフのほかにも折れ線グラフ・レーダーチャート・円グラフ・バブルチャート・散布図などがあり、棒と折れ線を重ねることもできます。そのほか色やアニメーションなど多彩な機能を備えています。公式サイトは英語のみ。当ブログは公開後に内容を修正することがあります。当ブログの内容により発生した損害につきましては一切の責任を負いかねますのでご了承下さい。ユーザーの訪問の際にクッキーやアクセス解析という方法でユーザーの行動を記録しています。これはユーザー個人を特定できない情報であり、サイトの質向上のために用いられます。プライバシー保護のために当ブログのクッキーの取得を拒否するにはお使いのブラウザのクッキーの送受信を拒否するよう設定してください。当サイトは第三者によって配信される広告を表示します。その際、ユーザーが過去に閲覧したサイトの情報からユーザーの興味のある広告を優先的に表示することがあります。このために、ユーザーのインターネット閲覧履歴情報を利用することがありますが、これらは個人を特定できる情報ではなく、個人情報の漏洩や電話、手紙、メールによるセールスはありません。