福野泰介の一日一創

グラフ作成のステキなオープンソース「ApexCharts」を発見したので、forkしたリポジトリにて、サンプルプログラムをESモジュール対応に書き換え、応用として上場企業ダッシュボードに時価総額差分ツリーマップを追加しました。

「上場企業ダッシュボード 差分ツリーマップ」
日本全体全業種の表示には、表示されるまでちょっと時間がかかります。11/4から11/8まで、時価総額が増えた企業は青、減った企業は赤でその大きさに合わせて表示。

「上場企業ダッシュボード 差分ツリーマップ - 電力・ガス」
産業「電力・ガス」はすべて減少していますが、

「上場企業ダッシュボード 差分ツリーマップ - 電機・精密」
産業「電機・精密」は概ね増加と、業界ごとの動きがよく分かります。

「上場企業ダッシュボード 差分ツリーマップ - 福井県」
都道府県ごとに見るのもおもしろい。

「ApexCharts.js - ESモジュール版」
importするだけ簡単、ESモジュール化しました。

「ApexCharts.js サンプル棒グラフ」
ES-Jamで動かしてみました。簡単にきれいなグラフが描けて便利です！

links
- 都道府県市区町村別に見る、東証上場企業ダッシュボード by EDINET＆gBizINFO
- 学び=遊び、鯖江の児童養護施設、吉江学園にてミニITブートキャンプ＆時価総額ダッシュボード