timelinestoryteller
1.0.0
Timeline Storyteller は、ブラウザーまたは Microsoft Power BI でタイムラインを表示するための表現力豊かなビジュアル ストーリーテリング環境です。
これを使用して、タイムラインの表現、スケール、レイアウトのパレットと、フィルタリング、強調表示、注釈のコントロールを使用して、タイムライン データのさまざまな側面を表示します。このプロジェクトに影響を与えた研究の詳細については、timelinesrevisited.github.io を参照してください。これには、タイムライン ツールの調査と 200 を超えるオーダーメイドのタイムラインが含まれます。
Timeline Storyteller で作成されたタイムラインとタイムライン ストーリーの例をご覧ください。
マシュー・ブレマー
リー・ボンシン
ナタリー・ヘンリー・リッチ
ダレン・エッジ
クリストファー・ホワイト
ケイト・リトヴィネッツ
デビッド・ティッツワース
このリポジトリのメイン ブランチのクローンを作成します: git clone https://github.com/Microsoft/timelinestoryteller.git
nodejs、npm、yarn がインストールされていることを確認します。
リポジトリのルートでターミナルを開き、ノード モジュールyarnまたはnpm_installをインストールします。
public/app/timelinestoryteller.js をビルドする: npm test
ノードサーバーを起動します: npm start
ローカルホストを開く:8000
アプリケーションのソース コードは src/ ディレクトリにあります。
このリポジトリには、スタンドアロン Web アプリケーションとして Timeline Storyteller のソースが含まれています。 Power BI の Timeline Storyteller カスタム ビジュアルを生成するには、github.com/Microsoft/PowerBI-visuals-TimelineStoryteller を参照してください。
Timeline Storyteller は現在、CSV、JSON、または Google スプレッドシート形式のイベントのデータセットをサポートしています。
各イベントは次の属性によって指定されます。
必須: start_date 、日付: YYYY、YYYY-MM-DD、または YYYY-MM-DD HH:MMZ (ISO 8601) 形式がサポートされています (UTC を指定するには Z が必要です。それ以外の場合、HH:MM はタイムゾーンに依存します)。 BC の日付は許可されます (例: -27、-13800000000)
オプション: end_date 、 date: start_dateと同じ形式を使用
オプション: category 、イベントのカテゴリに対応する文字列 (Timeline Storyteller が色としてエンコードする)
オプション: facet 、イベントの別のカテゴリに対応する文字列 (Timeline Storyteller がファセット タイムライン レイアウトを作成するために使用します。必要に応じてcategoryとfacet同一にすることもできます)
オプション: content_text 、イベントの説明文字列 (Timeline Storyteller がイベントの注釈として公開するもの)
{ "start_date":"1775", "end_date":"1783", "content_text":"American Revolutionary War: an armed struggle for secession from the British Empire by the Thirteen Colonies that would subsequently become the United States.", "facet":"North America", "category":"North America" },
ヘッダー行:
start_date,end_date,content_text,facet,category
イベント行の例:
1775,1783,American Revolutionary War: an armed struggle for secession from the British Empire by the Thirteen Colonies that would subsequently become the United States.,North America,North America
こちらは、Google スプレッドシートの Timeline Storyteller のデモで使用されている、「有名なクリエイティブな人々の日課」のデモ データセットです。
スプレッドシートが公開されていることを確認します (Google スプレッドシートの [ファイル] メニューを開き、[Web に公開] を選択します)。
start_dateとend_date列が日付ではなくテキストとしてフォーマットされていることを確認してください (例: '1926-06-29 )。
必須: スプレッドシート URL
オプション: このデータセットのワークシート タイトル (つまり、タブ名): dailyroutines
Timeline Storyteller の読み込みダイアログにスプレッドシートの URL とワークシートのタイトルを入力します。
より詳しい使用手順は timelinestoryteller.com でご覧いただけます。
タイムライン データ (デモ データセット、JSON、CSV、Google スプレッドシート) または保存されたタイムライン ストーリー (拡張子 .cdc を持つ JSON BLOB、ステップ 6 を参照) を読み込みます。
画面上部のメニューから表現、縮尺、レイアウトの組み合わせを選択します。一部の組み合わせのみが有効です。ストーリーに適切な組み合わせを選択するためのガイダンスをご覧ください。これらのオプションにマウスを置くと、そのオプションがどのように役立つかを説明するツールチップが表示されます。
キャンバスを編集する
イベントをクリックして、 content_textラベルで注釈を付けます。ラベルのサイズ変更と位置変更。 SHIFT キーを押しながらクリックすると、ラベルを表示せずにイベントを強調表示します。
キャプションや画像で注釈を付けます。キャプションと画像のサイズと位置を変更します。
カテゴリ、ファセット、またはセグメントごとにイベントをフィルターします。一致するイベントを強調表示してフィルタリングします (一致しないイベントの強調を解除します)。
一致しないイベントを非表示にしてフィルタリングすることもできます。
現在のキャンバスをシーンとして記録し、ラベル、キャプション、画像を保持します。再生モードに入り、前/次の録画シーンに移動します。
現在のキャンバスを PNG、SVG としてエクスポートします。
シーンをアニメーション GIF または JSON Blob (.cdc 拡張子) としてエクスポートします。
タイムラインストーリーテラー
著作権 (c) Microsoft Corporation
無断転載を禁じます。
MITライセンス
本ソフトウェアおよび関連ドキュメント ファイル (本ソフトウェア) のコピーを入手した人には、使用、コピー、変更、マージ、公開する権利を含むがこれらに限定されない、制限なくソフトウェアを取り扱う許可がここに無償で与えられます。 、以下の条件に従って、ソフトウェアのコピーを配布、サブライセンス、および/または販売すること、およびソフトウェアが提供される人にそれらを行うことを許可すること。
上記の著作権表示およびこの許可通知は、ソフトウェアのすべてのコピーまたは主要部分に含まれるものとします。
ソフトウェアは現状のまま提供され、商品性、特定目的への適合性、非侵害性の保証を含むがこれらに限定されない、明示的か黙示的かを問わず、いかなる種類の保証も行われません。いかなる場合においても、作者または著作権所有者は、契約行為、不法行為、またはその他の行為であるかどうかにかかわらず、ソフトウェアまたはソフトウェアの使用またはその他の取引に起因または関連して生じる、いかなる請求、損害、またはその他の責任に対しても責任を負わないものとします。ソフトウェア。
Timeline Storyteller を使用して研究論文のタイムラインを作成する場合、2 つの方法で引用できます。ツール自体を引用することができます。
@misc{TimelineStoryteller, author = {Matthew Brehmer and Bongshin Lee and Nathalie Henry Riche and Darren Edge and Christopher White and Kate Lytvynets and David Tittsworth}, title = {Microsoft Timeline Storyteller}, year = {2017}, note = {url{https://timelinestoryteller.com}} }
または、タイムライン設計空間に関する最近のジャーナル論文を引用することもできます。
@article{Brehmer2016, author = {Matthew Brehmer and Bongshin Lee and Benjamin Bach and Nathalie Henry Riche and Tamara Munzner}, title = {Timelines Revisited: A Design Space and Considerations for Expressive Storytelling}, journal = {IEEE Transactions on Visualization and Computer Graphics (TVCG)}, year = {2017}, volume = {23}, issue = {9}, pages = {2151--2164}, doi = {10.1109/TVCG.2016.2614803}, ISSN = {1077-2626} }
プリーストリーの略歴
紀元前8世紀以降の偉大な哲学者
史上最大の帝国
東アジアの王朝
14世紀以来の疫病
カナダ首相
フランス大統領
ドイツ首相
イタリアの大統領
日本の首相
英国首相
アメリカ大統領
C4-5 ハリケーン: 1960 ～ 2010
著名なクリエイターの日常 - 「画家の生活を視覚化する」 by Acculat
「初版から傑作まで」アキュラット著
カーツワイルの「シンギュラリティへのカウントダウン」
「A Perspective on Time」Mayra.artes著「Wait But Why」
ティム・アーバン著『Wait But Why』の「典型的なアメリカ人の生活」
すべてのアイコンは CC BY 3.0、名前と作成者別に記載:
チェックマーク (アーサー・シュレイン)
カレンダー（キリル・トミロフ）
タイムライン (アレカンダー・ビッコフ)
gif ファイル (プラナフ グローバー)
png ファイル (プラナフ グローバー)
svg ファイル (プラナフ グローバー)
json-file (プラナフ・グローバー)
csv ファイル (プラナフ グローバー)
ドライブ（デニス・クリュチニコフ）
グリッド(ドエジョ)
フォルダー (アイコン)
フィルター（クリエイティブシェル）
画像（クリエイティブシェル）
引用符 (Veronika Krpciarova)
ピン (アレクサンドル・チェルキンスキー)
消しゴム（テレンス・ケビン・オレアリー）
目に見えない（子供A）
本（セヨ・アリ・ウィボウォ）
