かっこいい年表が作れるウェブサービスまとめ

FirmBee / Pixabay

年表が作りたくなったので、ウェブで閲覧できる形にするライブラリ、ないしはウェブサービスを探してみる。が、あんまり自分が求めてるものがなくて難航。備忘録として保存。

求める要件

・横軸でざっと一覧できるもの
・カテゴリごとに行が分けられて、それぞれの関係性が分かるもの
・かっこいいもの

ざっと調べたものを挙げてみる。参考にしたのは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かなあ。ちょっとやりたいことをもう少し整理しなおして、用途をセグメント化する必要がありそう。

===今日の寝かしつけソング===

ガリレオ・ガリレイ:明日へ


コメント

  1. ほげにし より:

    こちらはどうでしょう??
    https://the-timeline.jp

    1. アミシャダイ アミシャダイ より:

      おー!スプレッドシートがそのまま反映されるのは便利ですね!
      コメントありがとうございました!

コメントを残す

*

CAPTCHA