年表が作りたくなったので、ウェブで閲覧できる形にするライブラリ、ないしはウェブサービスを探してみる。が、あんまり自分が求めてるものがなくて難航。備忘録として保存。
求める要件
・横軸でざっと一覧できるもの
・カテゴリごとに行が分けられて、それぞれの関係性が分かるもの
・かっこいいもの
ざっと調べたものを挙げてみる。参考にしたのはLIG(LIGブログは欲しいページをピンポイントで作っててすごいな)と関学のページ(研究者向けのページ)。
年表作れるライブラリ・ウェブサービス
D3.js
データの可視化について、表現方法が多彩。かっこいいなこれ。でもサンプル眺めてみるも、年表系がない。ちょっと用途と違う。(http://d3js.org/)
Google Chart Tools
Timelineがわりと求めてるものに近い。カスタマイズが微妙っぽい。(https://developers.google.com/chart/)
CSV2TABLE
このサイトに年表作成可能とあったけど、具体例が見つからず。(http://jsgt.org/lib/jquery/plugin/csv2table/v002/test.htm)
TimelineJS
理想にかなり近いけど、上に出るグリングリン回るカルーセルは要らない。(http://timeline.knightlab.com/)
Pure CSS Timeline
これも理想に近いけど、もっと詳しく表示できるようなオプション機能がない。(http://mattbango.com/notebook/code/pure-css-timeline/)
Vertical Timeline
縦軸なのでちょっと求めるものと違うけど、シンプルで分かりやすい。(http://codyhouse.co/gem/vertical-timeline/)
なかなか用途に近いものがない
うーん、どれも帯に短し襷に長し。近いのはGoogleのサービスだけど、CSSゴリゴリいじらないとデザイン的にはちょっときつそう。
ひとまず概観用にVertical Timeline使って、分析用にGoogle Chart toolsかなあ。ちょっとやりたいことをもう少し整理しなおして、用途をセグメント化する必要がありそう。
===今日の寝かしつけソング===
ガリレオ・ガリレイ:明日へ
こちらはどうでしょう??
https://the-timeline.jp
おー!スプレッドシートがそのまま反映されるのは便利ですね!
コメントありがとうございました!