Canvaホーム
ヘルプ

階層グラフを使用して関係を可視化する


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

階層グラフは、要素のグループ化、ランク付け、連携方法など、構造化された関係を視覚化するのに役立ちます。それらを使用して、組織の階層、データのセグメンテーション、人口分布などを表示します。

Canvaでは、ツリーマップパックバブルの2種類の階層グラフを作成できます。

  • ツリーマップ – 入れ子になっている長方形を使用して、カテゴリー内の比率を比較します。
  • パックバブル – グループ化された円を使用して、カテゴリーが互いにどのように関連しているかを示します。

階層グラフの仕組み

  • 各グループは、1つ以上のカテゴリーによって構成されます。
  • サイズは数値(収益やリスティングの数など)に基づいています。セクションのサイズが大きいほど、値は高くなります。
  • 追加するグループの列が多ければ多いほど、グラフに表示されるレベル(またはレイヤー)が増えます。

階層グラフの追加

これは、階層チャートを追加する最初のステップです。 その後、手動でチャートデータを追加するか、外部ソースからインポートすることができます。

  1. デザインを作成するか、既存のデザインを開きます。
  2. エディターのサイドパネルから
    、[グラフ] を選択します。表示されない場合は、まず [アプリ] タブを選択し、次に
    [グラフ] を選択します。
  3. [階層グラフ] で、[ツリーマップ] グラフまたは [パックバブルグラフ] のいずれかを選択します。

グラフデータを設定する

データ要件:

  • 階層レベルを定義するための1つ以上のカテゴリー列
  • サイズを定義するための1つの数値列

データは、手動で追加することや、表計算ツールからインポートすること、データソースアプリと連携することで追加できます。

グラフデータを手動で追加する

グラフの表にデータを入力し、表の各部分を見直して、表のデータが正確に反映されていることを確認します

データを追加する

  1. グラフを選択し、ツールバーで
    [編集] をクリックします。
  2. サイドパネルで、[データ] 表にグラフの値を入力します。
    [データ表を展開] を選択して、データを全画面で表示することもできます。

行と列を追加する

  1. 新しい行を追加するには、行を選択し、
    [もっと見る] をクリックします。
    1. [先頭に行を挿入] または [最下部に行を挿入] を選択します。
    2. 行を削除するには、[行を削除] を選択します。
  2. 新しい列を追加するには、列を選択して
    [もっと見る] をクリックします。
    1. [左に列を挿入] または [右に列を挿入] を選択します。
    2. 列を削除するには、[列を削除] を選択します。

メモ:Canvaでデータを編集するときは、キーボードのShiftキーを使用して複数のセル、行、列を選択します。クリックしてドラッグすると複数のセルを選択することもできます。

データを並べ替える

  1. グラフのデータを並べ替えるには、列を選択して
    [もっと見る] をクリックします。
  2. [表の並べ替え(A - Z)] をクリックして昇順に並べ替えるか、[表の並べ替え(Z - A)] をクリックして降順に並べ替えます。

グラフデータをインポート

Canvaスプレッドシートのデータか、データソースアプリと連携させます。 CSV、TSV、またはXLSXファイルを使用して、データをインポートすることもできます。 現在、最大1,000行、100列までインポートできます。

  1. グラフを選択または追加し、[
    編集] を選択します。
  2. サイドパネルから、[
    データをインポート] をクリックします。
  3. ここから、次を選択できます。
    1. [Canvaシート] を選択して、Canvaシートのデータに接続します。
    2. 利用可能なオプションからデータソースを選択します:Googleスプレッドシート、Salesforce、Googleアナリティクス、HubSpot、世界銀行。
    3. [
      データをアップロード] を選択して、CSV、XLSX、またはTSVファイルをアップロードします。

ヒント:データがロードされた後、

データアクションを使用して、インポートする前にクリーニングおよび整理できます。以下のデータアクションでインポートデータをクリーニングするを参照してください。

4. サードパーティ製のアプリを選択した場合、(必要な場合は) そのアプリにログインし、Canvaがあなたのデータにアクセスする権限を付与してください。

5. インポートされたデータから、使用したい特定のデータセットを選択します。

6. 完了をして、データをに同期します。

グラフデータの追加と管理の詳細をご覧ください。 明瞭にするために値のフォーマットを設定することもできます。

階層チャートに表示するデータを選択する

データを追加したら、レーダーチャートの各軸が、比較されるカテゴリを表すように明確に定義され、ラベル付けされていることを確認します。 後でチャートをカスタマイズできます。

  1. グラフをクリックしてツールバーを開き、[
    編集] を選択します。
  2. グラフパネルの [データ] 表にある [グラフ設定] に移動します。
  3. [グループ –表示値] ドロップダウンメニューをクリックし、表示する順序で列を選択します。たとえば、メインカテゴリーを最初に選択し、サブカテゴリーを2番目に選択します。
  4. [サイズ] で、グラフの本文に表示する列を選択します。円や長方形のサイズは、選択した列の数値によって決まります。
  5. 階層のレベルを設定するには、[カスタマイズ] タブに進み、[設定] をクリックします。
  6. 必要なレベル数を設定します。グループ列の数以下にする必要があります。

階層グラフのカスタマイズ

表示するデータを選択したら、入れ子になっている円や四角のカラーを変えたり、フィルターを追加したり、タイトルやサブタイトルを追加したりして、階層グラフをカスタマイズします。

入れ子になった円または四角の色を変更する

  1. グラフを選択します。
  2. エディターのツールバーで、編集するカラータイルを選択します。サイドパネルにカラーオプションが表示されます。
  3. グラフで色を使用するには、オプションから [カラータイル] をクリックします。
  4. デザイン全体で古い色を新しい色に変更するには、[すべて変更] を選択します。
  5. 別の色を追加するには、[文書の色] で、
    [虹色タイル] をクリックします。
    スポイトアイコンを使用して新しい色を選択します。

グラフフィルターを追加

チャートフィルターはプロプランやその他の有料プランでのみ利用できます。

  1. 設定ドロップダウンを選択します。
  2. [フィルターを追加]を選択します。
  3. [データを選択]ドロップダウンを選択して、フィルターカテゴリーを選択します。
  4. フィルタースタイルを選択します。ボタンまたは範囲スライダー。
  5. [インタラクティブカラータイル]を選択して、フィルターボタンや範囲スライダーの色を変更します。
  6. [設定]を選択して、現在のフィルター設定をデフォルトビューとして保存します。
  7. フィルターを削除して新しいフィルターを追加するには、フィルターを削除を選択します。 フィルターは最大3つまで追加できます。

チャートのツールチップ

  1. [グラフ]を選択してツールバーを開き、[
    編集]を選択します。
  2. グラフパネルで、カスタマイズタブを選択し、設定を選択します。
  3. [ツールチップ]をオンにすると、グラフにカーソルを合わせたときに詳細が表示され、オフにすると非表示になります。

階層グラフを示すにはどうすればいいですか?

長方形や円のいずれかをクリックして、グラフを操作します。グラフの右上隅にあるズームインとズームアウトのアイコンをクリックすると、次のレベルまたは前のレベルが表示されます。

さまざまなカテゴリーに大きなデータがあります。どのグラフを使用できますか?

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

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

お役に立ちましたか?

高評価

低評価

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