GMT+0900以前からやりたいと思っていたのですが、ようやくできました。思ってたほど時間はかかりませんでした。グラフこんな感じです。今は亡きGitHubのあのグラフも作ってみました。いまのところこのページとこのページに表示してます。解説ざっとこんな流れです。取得したJSONを加工EChartsを用いて表示なお、IEではJSON取得時のfetchAPI動作しないため表示されません。このサイトはIEに対応するつもりはないのでいいと思います。上から順に解説します。generateの時にコミット情報のJSONを生成しています。これで下記のようなJSONが生成されます。}]サイトアップロードこれをそのままサイトの更新(VPSへのデプロイ)と一緒にアップロードします。各ページで取得・加工それをそのままサイトにアップロードして、各ページのJavaScriptで取得・加工してEChartsを用いて表示してます。詰まった点はid="chart"の要素にそれぞれのグラフを表示させています。切り替えはVue.jsで行っているのですが、グラフの種別が異なる(棒グラフとパンチカード)と切り替え時に一部表示がおかしくなってしまいまして、解決できなかったのでGitHubのパンチカードグラフだけ別ページに移しました。後、グラフ上部に隙間ができてしまうのですが、これも解消できませんでした。いっときながら解説がめんどくさいのでソースコードまるまる載せます。これはこのページのものとほぼ同一です。Echartは公式のサンプルをほぼそのまま使っているので、使い方はよくわかってません。});};</script>後はGitHubみたいな草も生やしたいと思っていて、こちらも時間さえあれば半日くらいでできそうな目途は立っているので、いずれどこかでやろうと思います。YoshinoriN)。