徳川歴代将軍の生没年と、在職期間グラフ

Observable - Explore, analyze, and explain data. As a team.

observableを使って歴代徳川将軍の生没年・在職期間をグラフにしてみた。
observableはD3.jsを使おうとして調べていたときに知った。
pythonでいう所のjupyter notebookのオンライン版google colaboratoryに似た感じだが、ローカルルールが多くてとっつきにくく、あまり使う気にならなかった。

booth.pm

で、先日上記の本を見つけ、タダで読めるとのことだったのでダウンロードした。
これが当たりで、observableの基本的な使い方、ローカルルールがわかり、かなり快適に使えるようになった。

基本的な所を抑えた上で、目的である歴史上の人物の生没年グラフを作ってみた。

以下は徳川歴代将軍の生没年と、在職期間のグラフ。

f:id:tamoriinu_3:20220224010158p:plain
歴代徳川将軍生没年グラフ

f:id:tamoriinu_3:20220224010230p:plain
歴代徳川将軍在職期間グラフ

グラフは以下の方のコードを参考にさせてもらった。 GitHub - jacoyutorius/d3-history-timeline: visualize history. Nuxt + D3