ホーム 記事一覧 ブック DH週間トピックス 検索 このサイトについて
English
Flourish:インタラクティブなデータストーリーテリングプラットフォーム

Flourish:インタラクティブなデータストーリーテリングプラットフォーム

はじめに データ可視化は、情報を伝えるための強力な手段です。しかし、静的なグラフだけでは、時系列の変化や複雑なストーリーを効果的に伝えることが難しい場合があります。 Flourish は、アニメーションやインタラクションを活用したデータストーリーテリングを実現するプラットフォームです。レースチャート(バーチャートレース)やアニメーション地図など、動きのある可視化を簡単に作成できます。BBCやGoogle、世界銀行などの組織でも採用されており、無料プランも用意されています。 Flourishの主な特徴 30以上のテンプレート Flourishは30種類以上のビジュアライゼーションテンプレートを提供しています。棒グラフや折れ線グラフなどの基本チャートに加え、以下のような特徴的なテンプレートがあります。 バーチャートレース: 時系列データのランキング変動をアニメーションで表現 アニメーション地図: 地理データの時間的変化を動的に可視化 インタラクティブストーリー: スライド形式でデータを段階的に説明 ネットワーク図: ノードとエッジの関係性を可視化 サンキーダイアグラム: フローの流れを表現 3Dマップ: 立体的な地図表現 データストーリーテリング Flourishの「Story」機能を使うと、複数のビジュアライゼーションをスライドのように組み合わせて、データを段階的に説明するストーリーを作成できます。プレゼンテーションや記事の中で、読者を段階的にデータの理解へと導けます。 コーディング不要 すべてのビジュアライゼーションは、ブラウザ上のGUIで作成できます。データをスプレッドシート形式で入力・アップロードし、テンプレートを選択してカスタマイズするだけです。プログラミングの知識は一切不要です。 埋め込みと共有 作成したビジュアライゼーションは、iframeで任意のWebサイトに埋め込めます。また、直接リンクでの共有やSNSでの共有にも対応しています。 DH研究での活用例 歴史データのアニメーション可視化 バーチャートレースを使って、歴史的なデータの推移をアニメーションで表現できます。例えば、各時代の都市人口ランキングの変遷や、貿易額の推移などを動的に可視化することで、歴史の流れを直感的に理解できます。 文化的ネットワークの可視化 ネットワーク図テンプレートを使って、著者間の引用関係、文化的影響の伝播、知識人のネットワークなどを可視化できます。ノードの大きさやエッジの太さでデータの重みを表現でき、インタラクティブに探索できます。 デジタル展示のストーリーテリング 博物館や図書館のデジタル展示において、Flourishのストーリー機能を活用して、コレクションのデータを段階的に紹介する展示コンテンツを作成できます。来館者がスクロールやクリックで展示を探索するインタラクティブな体験を提供します。 テキスト分析結果のプレゼンテーション テキストマイニングや自然言語処理の分析結果を、多彩なチャートやアニメーションで効果的にプレゼンテーションできます。学会発表やワークショップでのインパクトのある発表資料を作成できます。 基本的な使い方 テンプレートの選択: 目的に合ったテンプレートを選びます データの入力: スプレッドシート形式でデータを入力するか、CSVファイルをアップロードします カスタマイズ: 色、フォント、ラベル、アニメーション速度などを調整します プレビュー: 作成したビジュアライゼーションをプレビューで確認します 公開: 公開してURLを取得するか、埋め込みコードを生成します 料金プラン Flourishには無料のPublicプランがあり、公開プロジェクトを無制限に作成できます。ただし、無料プランで作成したビジュアライゼーションはすべて公開されます。非公開のプロジェクトを作成するには有料プランが必要です。 Datawrapperとの違い 特徴 Flourish Datawrapper アニメーション ○ × ストーリーテリング ○ × テンプレート数 30+ 20+ レスポンシブ ○ ○ アクセシビリティ △ ○ 無料プラン ○(公開のみ) ○(月10件) Flourishはアニメーションやストーリーテリングに強みがあり、Datawrapperはアクセシビリティやシンプルさに優れています。目的に応じて使い分けるのが効果的です。 ...

TimelineJS:スプレッドシートで作るインタラクティブ年表ガイド

TimelineJS:スプレッドシートで作るインタラクティブ年表ガイド

はじめに 歴史的な出来事の流れや、プロジェクトの進行過程を分かりやすく伝えるには、年表(タイムライン)が最も効果的な手段の一つです。しかし、見栄えの良いインタラクティブな年表を作成するには、通常はプログラミングの知識が必要とされます。 TimelineJS は、ノースウェスタン大学の Knight Lab が開発したオープンソースのタイムライン作成ツールです。Google スプレッドシートにデータを入力するだけで、美しいインタラクティブな年表を自動生成できます。ライセンスは MPL-2.0 で、無料で利用可能です。 TimelineJSの特徴 1. プログラミング不要 TimelineJSの最大の魅力は、コードを一切書かずにタイムラインを作成できることです。Knight Labが提供するGoogleスプレッドシートのテンプレートにデータを入力し、公開設定を行うだけで完成します。 2. メディアの統合 各イベントには、画像、動画、音声、ツイート、Wikipedia記事など、さまざまなメディアを埋め込むことができます。URLを指定するだけで自動的にメディアが表示されるため、視覚的にリッチなタイムラインを簡単に作れます。 対応メディアの例: 画像(JPEG、PNG、GIF) YouTube / Vimeo の動画 SoundCloud の音声 Twitter のツイート Wikipedia の記事 Google Map の地図 Flickr の写真 3. 美しいデザイン 生成されるタイムラインは、モダンなデザインで視覚的に洗練されています。レスポンシブ対応のため、PCでもスマートフォンでも快適に閲覧できます。スライド間のアニメーション遷移も滑らかです。 4. 多言語対応 TimelineJSは60以上の言語に対応しており、日本語でのインターフェース表示も可能です。日付フォーマットも各言語に合わせて自動調整されます。 作成手順 ステップ1:テンプレートの準備 TimelineJS公式サイトにアクセス 「Make a Timeline」セクションの「Get the Spreadsheet Template」をクリック Google スプレッドシートのテンプレートが開くので、コピーを作成 ステップ2:データの入力 スプレッドシートの各列にデータを入力します。主要な列は以下の通りです。 列名 説明 例 Year 年 1868 Month 月(任意) 1 Day 日(任意) 3 Headline イベントのタイトル 明治維新 Text 説明文 日本の近代化の始まり… Media メディアURL https://example.com/image.jpg Media Credit メディアのクレジット 国立国会図書館 最初の行(Title slide)はタイムライン全体のタイトルスライドになります。 ...