三国志の人物を登場している期間を比較しながら眺めたいと思って、生年から没年をグラフ化して並べて見られる表にしました。
これをHTMLファイルとテキストファイルに分割し、テキストファイルからデータを読み込ませることにして、データを差し替えて様々なバージョンを楽しめるようにしました。更に、HTMLファイルとJavaScriptも分割し、初期設定はHTMLファイル内で完結し、スクリプトは共有できるようにしています。
年表のグラフに年齢表記も加えて、縦に年齢を比較できるようにもなりました。
また、棒グラフとしても機能するように改良を加えています。
データはCSV形式のテキストファイルを読み込むことができます。
http://www.shurey.com/js/h_graph/index.html
事例として、三国志の人物データと、大河ドラマ「江」の人物データを用意しています。