編集部イチオシ

プログラミング不要なのにグリグリ動く! かっこいいアニメーショングラフが作れる「Flourish」で、どんなグラフが作れるかまとめてみた【一覧】

無料で使えて、しかもデザイン性が高いデータビジュアライゼーションツール「Flourish(フローリッシュ)」で、どんなグラフ・図説・グラフィックが作れるのかををまとめました。
192

Flourishとは?

プログラミングの知識がなくても、データをかっこよく可視化できるオンラインツールです。無料登録すれば使えます。

Excelエクセルなどのデータを貼り付けて、ちょちょいのちょいで、グリグリ動くグラフを作れます。

棒グラフ、円グラフ、折れ線グラフだけでなく、地図を使ったグラフや、スポーツレースなどのグラフもできちゃいます。

リンク Flourish Flourish | Data Visualization & Storytelling Beautiful, easy data visualization and storytelling

どんなグラフィックが作れるの?

Bar Chart Race バーチャートレース

物事の栄枯盛衰・下剋上を数字で表示させるのに便利

荻原 和樹@『データ思考入門』講談社現代新書 @kaz_ogiwara

Netflixの週別視聴時間ランキング(TVシリーズ)をFlourishでBar chart raceにしてみた。 イカゲーム(Squid Game)が9月から10月にかけて凄まじい伸びを示していることがわかる。 public.flourish.studio/visualisation/… pic.twitter.com/gwfq3mBMVL

2021-11-22 18:02:38

Line chart race ラインチャートレース

各種ランキングの推移とかに使えそう

古田大輔 / Daisuke Furuta @masurakusuo

漫画の王者「ONE PIECE」(黄色)と「鬼滅の刃」(緑)の検索量。2016年連載開始の鬼滅が2019年のアニメと2020年の映画で一気に伸びたのがわかる。ONE PIECEが連載開始23年でこの人気なのもすごい。 GoogleトレンドのデータをFlourishでビジュアライズ。public.flourish.studio/visualisation/… pic.twitter.com/X0vKD1P0os

2020-12-18 17:40:40

棒グラフ

James Stephenson @ICannot_Enough

To anyone who still thinks “the growth story is over”, I dedicate this Tesla revenue chart: (all bars are actuals except Q419, which is my estimate) $TSLA $TSLAQ Charting software courtesy @f_l_o_u_r_i_s_h pic.twitter.com/6xDK17xBUr

2020-01-04 10:29:06
拡大

折れ線グラフ

複数作れる

Anna Powell-Smith @darkgreener

Brand new data: the popularity of baby names in England since 1840. Check your name's history: demos.flourish.studio/namehistory Made in @f_l_o_u_r_i_s_h with @EdinburghUni Blog flourish.studio/2018/07/04/bab… pic.twitter.com/50MYAGDh3S

2018-07-05 19:40:02
拡大

散布図

Flourish @f_l_o_u_r_i_s_h

🐝🎻 New template alert! 🎻🐝 You can now easily make responsive, animated violin and beeswarm plots. AND you can plot tens of thousands of points on a WebGL scatter plot! Check out the blog and examples: flourish.studio/2019/12/03/bee… pic.twitter.com/SK9H2dJhGl

2019-12-04 02:03:52
Flourish @f_l_o_u_r_i_s_h

We recently added some new settings for label offset and positioning to our Scatter plot template. 👉 Learn more in our help doc: help.flourish.studio/article/279-ho… 👉 Explore our example with data from @OurWorldInData here: public.flourish.studio/story/797241/ pic.twitter.com/sJa81ts2Px

2021-03-16 03:04:07

散布図の応用で、時間推移の棒グラフも作れます

コミュデザ @commudeza

鉱工業生産指数の確報(2021年9月)が出たので、 flourish(@f_l_o_u_r_i_s_h)で生産在庫循環図を作ってみました。 public.flourish.studio/visualisation/… #経済統計 #鉱工業生産 #IIP #経済指標 pic.twitter.com/UhfQ1DIbqn

2021-11-15 19:48:25
拡大

Radar chart レーダーチャート

成分比較

Centro de Formación en Periodismo Digital @CFPD_UDGVirtual

Cómo hacer gráficos de radar interactivos y por qué debería probar los "gráficos estelares". INCLUYE PLANTILLA [EN] 👉 buff.ly/3jtDnRg Vía @f_l_o_u_r_i_s_h pic.twitter.com/GBzoJReZ1q

2020-10-25 00:06:03
拡大

3D Map 3Dマップ

3DにしなくてもOK。
移動マップも使える。

Flourish @f_l_o_u_r_i_s_h

.@BBCArabic used our 3D map template to visualize the impact of the Ever Given in the Suez Canal. bbc.com/arabic/middlee… Learn how to create animated point maps without coding in our blog post: flourish.studio/2021/03/11/ani… pic.twitter.com/9FjviPgOJZ

2021-03-29 20:34:07

Sankey charts サンキー ダイアグラム

党派別の選挙の議席数の変化とかに使えそう

Flourish @f_l_o_u_r_i_s_h

Nice use of Sankey chart to show students switching major at university, in a Flourish story by Georgia Curran: buff.ly/2G7vQFC pic.twitter.com/NG2u8pOYl6

2018-03-09 20:31:04
拡大

ツリーマップ

なにかの構成比を表示するときに使えそう