ブログ

【データ可視化】Bar Chart Raceの作り方を解説!

こんにちは、タマです。

今回はSNSなどでよく見かけるBar Chart Raceの作り方を解説します。

こんなやつです。

Bar Chart Raceとは

Bar Chart Raceは様々なデータの推移を可視化できるグラフです。特に複数のデータの推移を比較するときに良く用いられます。

最近ではコロナ感染者数の推移やアプリのDL数推移などで話題になっていますね。

このBar Chart RaceはFlourishというサービスで簡単に作成することができます。

このサイトではBar Chart Raceだけでなく、上記のような様々なグラフのテンプレートが用意されています。興味がある方はぜひ使ってみてください。




Bar Chart Raceの作り方

ではBar Chart Raceの作り方を解説します。

大きく下記4つの手順で作成することができます。

  1. データを収集する
  2. データを整形する
  3. (初回)Flourishのアカウントを作成する
  4. Flourishに②のデータを取り込む

①データを収集する

まず、自分が可視化したいと思うデータを集めましょう。

このデータがないとBar Chart Raceは作成することができません。

例えば上記のような私の資産推移のBar Chart Raceを作成する場合は、自分の資産情報から各月の資産額を抽出すれば良いことになります。

投資に関するグラフであれば株価や時価総額のデータなんかを収集できると良いですね。

データ収集の際はGoogle Dataset Searchを使うと良いかもしれません。

良ければこちらも活用してください。

このデータ収集が一番厄介だと思うので気合で頑張りましょう。




②データを整形する

データが集まったらBar Chart Raceで使えるような形に整形します。

Excelやスプレッドシートで下記のようなデータに整理しましょう。

今回は先ほど示した私の資産推移を例にして紹介します。

  • A列:【name】各データの名称
  • B列:【color】データの色(1,2,3・・・と入力すればOK)
  • C列:【url】グラフ横に表示される画像のURL(なければA列と同じでOK)
  • D列以降:年/月と該当するデータ

これだけではイマイチわかりづらいと思いますが、次のステップでFlourishに読み込む際にサンプルデータを見ることができるのでそちらの構成も参考にしてください。




③(初回)Flourishのアカウントを作成する

ここからFlourishを扱っていきます。

初回はアカウント作成が必要になるので下記手順でアカウントを作りましょう。

ではFlourishにアクセスします。

FlourishのTOPページにあるボタンを押下

Get started for free」をクリックします。

必要事項を入力

ここでメールアドレスなどの必要情報を入力し「Sign up」をクリックします。




必要事項を入力(スキップ可)

次のページでも必要情報を入力しますが、ここでは「Skip and get started」を選択することでスキップできます。

アカウント作成自体はこれで以上になります。

④Flourishに②のデータを取り込む

では②で作成したデータをFlourishに入れていきます。

下記手順でFlourishにデータを取り込みましょう。




新規プロジェクト作成

アカウント登録後の画面で「Create new visualization」をクリックします。

チュートリアルみたいな案内も出るかもしれませんが、不要ならスキップしましょう。

テンプレートからBar Chart Raceを選択

今回はBar Chart Raceを作成するのでそれを選択します。




サンプルのDataを押下

上記のようなサンプルデータが入った画面が表示されます。

上部にある「Data」をクリックしましょう。

データをアップロード

Upload data」から手順②で作成したExcelデータをアップロードします。

この画面でサンプルデータの構成が確認できるので、こちらを参考にしてデータの整形をしてください。




データを読み込む

Import publicly」をクリックします。

Next, select the columns」をクリックします。

以上でデータの読み込みが完了です。

あとは必要に応じてグラフを修正すれば完成です。




注意点

Flourishの利用にあたっていくつか注意点があります。

  • 作成したBar Chart Raceを動画ファイルとしてダウンロードする方法はありません。動画ファイルとして保存したい場合は、画面録画などを使って撮影する必要があります。
  • Flourishのサービス自体は無料で使えますが、無料アカウントでは作成したデータが公開された状態になります。個人情報を扱う場合は注意しましょう。
  • 作成したBar Chart Raceをブログに埋め込みたい場合は、画面右上の「Export & publish」から埋め込みコードを取得してください。

まとめ

今回はデータの可視化に便利なFlourishを紹介しました。

良ければ皆さんも使ってみてください。

ABOUT ME
タマ
【学費自腹で借金640万円】貧乏人が経済的自由を目指す | 30歳までに資産2,000万円 | 社会人2年目 | 23歳 | 一人暮らし | つみたてNISA | 投資信託 | 米国株 | ブログ | 奨学金