年表を使いたいと思う場面は意外と多いです。情報を時系列に沿って表示する際に年表は理解しやすく、見た目のインパクトも大きくなります。しかし、CSSやJavaScriptを駆使して作るのは大変です。 そこで使ってみたいのがTimeline cascade makerです。テキストベースで作れる年表ライブラリです。

Timeline cascade makerの使い方

デモです。先に進むにつれて下に降りていく形式です。

マウスオーバーでハイライトします。

テキスト部分が年表になります。コロンで繋ぐだけの簡単な記法です。

Timeline cascade makerはとても簡単な記法で利用できます。下に降りていくだけのシンプルな年表ではありますが、これで十分というケースは多いでしょう。なお、テキスト部分はMarkdownでのリンクや一部のHTML装飾が利用できます。

Timeline cascade makerはVue製のオープンソース・ソフトウェア(MIT License)です。

デモ kochrt/timeline-maker: Make a timeline