2020年07月27日(月)

プレゼンで使ってみたい！横棒グラフのデータ変化をアニメーションで表示するオンラインツール -Bar chart race

• 0
• 88
• 31
• 42

SNSやテレビなどで見かける、横棒グラフの変化をアニメーションで表示するオープンソースのオンラインツールを紹介します。

データは.csvにも対応しており、誰でも簡単に利用できます。
値の変化が非常に分かりやすく、プレゼンなどにもいいですね。

Bar chart race -GitHub

Bar chart raceの特徴

Bar chart raceは、横棒グラフがレースをするかのようにその変化をアニメーションで表示するオンラインツールです。
MITライセンスで、商用プロジェクトでも無料で利用できます。

上記のロングバージョン

Bar chart raceの使い方

Bar chart raceは、下記ページから利用できます。
横棒グラフのデータ（.csv）を用意し、アニメーション時間を設定するだけです。データが無い人用に、右側にサンプルデータ（CO2排出量・コロナなど）が用意されています。

author:

コリス

http://coliss.com

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログ

オリジナルサイトで続きを読む

今日のwebデザイン記事ランキングを見る

         

‹ PREV

               

2020年下半期の企業の広告宣伝費は回復傾向！「コロナ禍と広告・マーケティング」調査結果レポート【メディアレーダー】

         

NEXT ›

               

CSSで美しいシャドウをつけるbox-shadowの古い書き方とこれからの書き方

関連記事

• CSSをより深く理解する、プロパティの値に無効な値を設定する（IACVT）とどのように処理されているのかを解説
• 知っておくと便利なCSSの単位: 相対単位が主流の現在、絶対単位（px, in, mmなど）は特定のケースで非常に役立ちます
• 2024年3月 webトピックス
• 2024年3月 webトピックス
• Amazonで、春のコンピュータ・IT書フェアが開催！ セール初登場もあり、Web制作関連のKindle本がかなりお買い得です

Ads

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログコリスの記事『プレゼンで使ってみたい！横棒グラフのデータ変化をアニメーションで表示するオンラインツール -Bar chart race』についてまとめています。

この記事は特にアニメーションについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のコリスで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとコリスの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。