0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

ラインチャートレースをFlourishを使い作成【新車販売台数2012年~2021年5月】

Last updated at Posted at 2021-06-05

統計ダッシュボードからデータ取得

以前、「消費支出推移データ」を使いバーチャートレース(アニメーショングラフ)を作りました
その際の操作をある程度覚えていたので、比較的省ステップでにラインチャートレースを作成できました。
データを取得して、時間ごとに区切る列の形に表を整形し、Flourishで読み込んで少しパラメータを調整して完成、という感じです。
データは総務省統計局の「統計ダッシュボード」から取得しました。

image.png

月別アニメーションを作成

「Flourish」にログインし、「Line chart race」(with filtering)を選びます。

image.png

サンプルデータが入っているので、それを参考にします。
「Upload data」をクリックしてデータ(xlsx)をアップロードします。

image.png

アップロードした状態が以下になります。

image.png

設定に使う「列」を調整します。
画面は調整後の状態です。

image.png

アニメーションを再生

「Preview」をクリックするとアニメーションが再生されます。

image.png

画面右隅の「Export & publish」をクリックすると、クラウド経由で保存や公開が可能になります。
Embedするコードも取得できます。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?