(O+P)ut

アウトプット



(O+P)ut

Output Log

【Flourish】時系列データをレース形式で可視化する手法

スポンサーリンク

はじめに

以下のメッセージを掲げるFlourishはデータを可視化するツールです。

Powerful, beautiful, easy data visualization.

データさえ用意できれば、テンプレートを選択することで以下のようなレース形式でバーを伸縮させながらランキングを表示する表現が可能です。

Flourishによるデータ可視化

ホーム画面にてNew visualisationをクリックすると可視化テンプレートを選択できます。

その中から、以下のBar-chart-raceを選択します。

f:id:mtiit:20191206170702p:plain
Bar chart raceを選択

そうするとサンプルデータが既に格納されているので、データ部とプレビューを見比べると形式が分かります。

今回は分かりやすいようにデータを以下の画面に見える範囲のみにカットしました。

f:id:mtiit:20191206160444p:plain

データの種類は行で管理して6行、時系列数値データは列で管理して4行です。

B列にてグループ、C列にて画像イメージのURLが入っていますが、
設定項目にて以下の値が格納されている列をアルファベットで指定するのがポイントです。

  • Label
  • Values
  • Categories
  • Image

上の例ではLabelが「A」、Valuesが「D-G」、Categoriesが「B」、Imageが「C」です。


この状態でプレビューをすると以下のようになります。

データ数はたった4つですが、値が常に変化しているように描画される点がユニークです。


作成した可視化結果は公開されますが有料アカウントになれば非公開で利用できるようです。他にも有料アカウントでのみ利用できる機能が多々あるので、気になる方は調べてみてください。

Your data will be publicly visible. To keep it private, upgrade your account.


もちろん、実際に自前のファイルも読み込むことができ、例えばcsvファイルを画面から読み込ませると

XX rows were imported!

というウインドウが表示され、確かにデータが読み込まれています。

ここは要調査ですが、ファイルの中に含まれていた日本語は「UTF-8 Unicode text」でしたが画面上では文字化けしました。

終わりに

少ないデータでも値の変化具合が表現でき、ソート結果の順位が変わるとクルリと場所が入れ替わる演出も秀逸です。

以上、同様の可視化に興味がある方はサンプルファイルを触ってみることをおススメします。


他の記事を読む