« ブログのネタ提供サービス | メイン | 刑務所 vs. 仕事 --- Prison vs. Work »

Google Maps ライクに操作・設置できる timeline

Ajax で Google Maps ライクに動作するタイムラインです。

SIMILE | Timeline


070409_01.jpg


Timeline is a DHTML-based AJAXy widget for visualizing time-based events. It is like Google Maps for time-based information. Below is a live example that you can play with. Pan the timeline by dragging it horizontally.

(勝手訳)
Timeline は時系列の事象を可視化するための、DHTMLを基にしたAJAXなヴィジェットです。時系列の情報のための Google Maps のようなものです。以下に、操作して遊べるサンプルがあります。水平方向にドラッグしてタイムラインを動かしましょう。
(訳ここまで)


以下の How to ページを見ると、設置方法も Google Maps に良く似ています。

SIMILE | Timeline | Documentation | How to Create Timelines

javascript を include して、timeline を create して。

ただ、タイムライン上にポイントなどをマッピングするところが、若干面倒そうな雰囲気です。

mash up ネタとして知っておくのは良いかも知れませんが、使いどころが難しそう。他の API との相性もそれほど良い感じでもなさそうですし。


タイムラインと言えば、@nifty の「ソーシャル・タイムライン」が記憶に新しいところ。

@nifty Timeline - ソーシャル・タイムライン

こちらは、上記サイトでタイムラインを作成して、それを YouTube ライクにブログに貼り付けます。

Flash ベースなので、SMILE のタイムラインよりグラフィカルですし、ブラウザ上での動作も軽快。時間の幅もラジオボタン1つで切り替えられるので良い感じです。

@nifty Timeline のU/I がmash up 的に利用できたら言うことないんだけどなぁ。

まぁそれでもやっぱり使いどころは難しいわけですが。