Canvaホーム
ヘルプ

インフォグラフィックグラフを使用して、進捗状況や影響などを強調する


この記事は機械翻訳されました。誤りを見つけた場合はお知らせください。

進捗状況、ステータス、影響について、素晴らしいストーリーをオーディエンスに伝えましょう。インフォグラフィックグラフを使用すると、データをわかりやすく読みやすいビジュアルに変換できます。

インフォグラフィックグラフの仕組み

これらのグラフの種類を使用して、次のことができます。

  • 完了状況や進捗状況を視覚的に把握する
  • ライブステータスを伝える(例:「進行中」、「完了」)
  • 主な影響を強調する(例:「10人中9人が推奨」)

注:インフォグラフィックグラフは、パッと見て理解できるようにすることを目的に設計されており、詳細なデータ分析を目的としていません

それぞれのグラフの種類の一般的な仕組みは次のとおりです。

インフォグラフィックグラフタイプ

用途

使用例

進捗円グラフ

目標までの達成度を太いストロークで強調して示す、幅広の円形のグラフ。

プロジェクトトラッカーに「目標の75%が完了しました」と表示する。

進捗バー

タスクや目標の完了を左から右に向かって塗りつぶしで表す水平バー。

ウェルカムメールに「ステップ5のうちステップ3まで完了」バーで登録手続きの進捗状況を示す。

進捗リング

簡潔でモダンなスタイルで進捗状況を伝える、薄型のミニマルな円グラフ。

ビジネスダッシュボードのレイアウトに「80%KPIターゲット」を表示する。

進捗メーター

ライブパフォーマンスレベルやステータスを反映したゲージスタイルのグラフ

フィードバックダッシュボードに「顧客満足度スコア:90%」を表示する。

ピクトグラム

アイコンを使用して、比率や数を表す。

人物アイコンを使用して、「ユーザーの10人中7人がモバイル編集を好む」ことを示す。

インフォグラフィックグラフを追加する

これは、インフォグラフィックチャートを追加する最初のステップです。 その後、グラフをカスタマイズします。

  1. デザインを作成するか、既存のデザインを開きます。
  2. エディターのサイドパネルから、
    [グラフ] を選択します。表示されない場合は、まず
    [アプリ] タブを選択し、次に [グラフ] を選択します。
  3. スクロールして [インフォグラフィックグラフ] を選択します。
  4. 利用可能なオプションの中から選択します。

グラフをカスタマイズ

インフォグラフィックグラフを追加したら、進捗状況、ステータス、または数値の印象に残るスナップショットを表示するようにカスタマイズできます。

進捗バー、進捗リング、進捗ラジアルグラフをカスタマイズ

  1. [グラフ]を選択してツールバーを開き、[
    編集]を選択します。
  2. [グラフ]パネルで、[パーセンテージ]スライダーを調整して、希望する進行状況を反映させます。
  3. [線の太さ]スライダーを使用して、バーまたはリングの太さを制御します。
  4. パーセンテージラベルをオンまたはオフに切り替えて、数値の進行状況を表示または非表示にします。
  5. [丸みを帯びたエンドポイント]のオン/オフを切り替えて、グラフの端の形状をカスタマイズします。

進捗ダイヤルチャートのカスタマイズ

  1. [グラフ] をクリックしてツールバーを開き、
    [編集] を選択します。
  2. [グラフパネル] で、[パーセンテージ] スライダーを調整して、希望する進行状況を反映させます。
  3. [線の太さ] スライダーを使用して、バーまたはリングの太さを制御します。

ピクトグラムチャートをカスタマイズする

  1. [グラフ]を選択してツールバーを開きます。
  2. グラフパネルで、データの各単位を表すのに使用するアイコンを選択します。
  3. [合計アイテム数]スライダーを使用して、グラフに表示されるアイコンの数を設定します。
  4. [満たしているアイテム数]スライダーを使用して、満たしている、または完了したアイコンの数を表示します。
  5. アイコンの間隔を変更するには、[間隔]スライダーを使用して読みやすさを高めます。

グラフの色を変更する

  1. グラフ
  2. をクリックしてツールバーを開きます。 エディターのツールバーで、編集対象の
  3. カラータイル を選択します。 カラーパネル がサイドに開きます。
  4. グラフでカラーを使用するには、オプションからカラータイルをクリックします。色の上にカーソルを合わせると、その**表示名**を確認できます。 お探しの色が利用できない場合は、 新しい色を追加
  5. (レインボーカラータイル)をクリックします。 デザインから色を選ぶには、 色の選択(スポイト)
  6. ボタンをクリックし、**キャンバス**上の任意の色を選択します。 現在のページ全体またはすべてのページで色を置き換えるには、**現在のページ**または**すべてのページ**を選択します。
  7. **チーム管理者**または**ブランドデザイナー**がすでに**チーム**の**ブランドキット**に**グラフのスタイル**を追加している場合は、**ブランドカラー**から選択します。詳細な手順については、「 ブランドイメージを維持したグラフを作成する 」をご覧ください。

インフォグラフィックグラフは、2つのカラーを使用します。1つは満たしている値を表し、もう1つは残り、または満たしていない値を表します。 コントラストの強い色を使用することで、明瞭度を向上させ、進捗状況や比較を強調します。


高度なグラフをお探しですか?Flourishアプリを使用できます。詳しくは、「Flourishを使用して高度なグラフを追加する」をご覧ください。

使い方がわからない場合は、「Canvaグラフを始める」をご覧ください。

お役に立ちましたか?

高評価

低評価

こんな記事も読まれています