インフォグラフィックステンプレートの作成—ArcGIS Business Analyst ヘルプ

Business Analyst Web App のインフォグラフィックスでは、サイトの主要な指標と情報を視覚化できます。チャート、グラフィックス、テーブル、画像、テキストなどのエレメントを含むカスタムインフォグラフィックステンプレートを構築し、実行できます。

ライセンス:

インフォグラフィックスの作成は、Business Analyst Web App Advanced ライセンスを持つユーザーが利用できます。 Business Analyst のライセンスタイプの詳細については、「ライセンス」をご参照ください。

カスタムインフォグラフィックステンプレートを作成するには、2 通りの方法があります。既存のテンプレートを変更する方法と、空のテンプレートから始める方法です。テンプレートを選択したら、エレメントを追加し、設計を完成させます。必要に応じ、グループ単位で移動および修正できるよう、パネル内でエレメントを整理できます。テンプレートの設計を完成させたら、[マイテンプレート] タブに保存します。

既存のインフォグラフィックステンプレートを変更する操作は、使用可能な別のテンプレート (標準テンプレートや、過去に保存したテンプレートなど) と同様のインフォグラフィックスが必要な場合に便利です。たとえば、重要データテンプレートの大部分は自分の用途に適しているが、テンプレート内にビジネスインフォグラフィックスパネルは必要がないとします。その場合は、ビジネスパネルを別のパネルと置換し、カスタムの重要データインフォグラフィックステンプレートを作成できます。

既存のテンプレートとは異なるインフォグラフィックスが必要な場合は、空のテンプレートから始める方が便利です。

インフォグラフィックステンプレートを作成するには、次の手順を実行します。

[レポート] タブで、[レポートの作成] をクリックしてから [インフォグラフィックスの作成] をクリックします。
インフォグラフィックスビルダーが表示されます。
テンプレートを作成するには、そのテンプレートにポインターを合わせて [開く] をクリックします。次のセクションで、使用可能なテンプレートを参照します。
- [標準テンプレート] - すぐに実行できる、カスタマイズ可能なテンプレート。
- [マイテンプレート] - 自分で追加または作成し、保存したテンプレート。
- [共有テンプレート] - 組織内の他のメンバーが共有したテンプレート。
- [空のテンプレート] - レイアウトの有無にかかわらず、エレメントを含まない空のテンプレート。空のテンプレートを作成することもできます。
- [ギャラリー] - インフォグラフィックステンプレートの管理されたコレクション。 [フィルター] をクリックすると、リストをタイプで絞り込むことができます。リスト内のインフォグラフィックスのカテゴリーを含めたり除外したりするには、切り替えボタンを使用します。
テンプレートが編集モードで開きます。
エレメントとパネルを挿入または編集するには、次のいずれかを実行します:
- パネルでエレメントを追加または置換するには、そのエレメントにポインターを合わせて [追加] または [置換] をクリックします。追加するエレメントのタイプを選択します。
- エレメントまたはパネルを編集するには、そのエレメントまたはパネルにポインターを合わせて [編集] をクリックします。たとえば、パネルにチャートが含まれる場合、チャートタイプと変数を変更できます。一部のパネルでは、パネルが編集モードで開いているときに [エレメントの追加] をクリックすると、複数のエレメントを追加できます。
- グリッドのパネルを移動、削除、分割、マージするには、パネルにポインターを置き、これらのオプションをアクティブ化します。
- パネルオプションを使用するには、テンプレート内のパネルにポインターを合わせて [パネルオプション] をクリックします。
エレメントの追加または置換、テーマの適用、レイアウトの変更、設定の調整を行って、テンプレートをカスタマイズします。 [元に戻す] をクリックすると、最後に加えた変更を元に戻し、[やり直し] をクリックすると、最後に元に戻した操作をやり直せます。次のいずれかを実行します。
- テンプレートにテーマを適用するには、[テーマ] をクリックします。保存したテーマを選択するか、テーマを作成することができます。テーマには、色とフォントの設定、背景画像、その他のオプションが含まれます。
- エレメントを追加するには、[エレメントの追加] をクリックして、追加するエレメントのタイプを選択します。また、[別のテンプレートからパネルを追加] をクリックして、別のインフォグラフィックステンプレートから 1 つのパネルまたは複数のパネルを選択することもできます。
- エレメントを配置するには、[配置] ドロップダウンメニューを展開します。
- レイヤーを表示、非表示、並べ替えするには、[レイヤー] をクリックします。
- テンプレートにページを追加するには、[ページの追加] をクリックします。
- テンプレートの設定を変更するには、[一般設定] をクリックします。
[保存] をクリックします。
[インフォグラフィックステンプレートの保存] ウィンドウが表示されます。
必要に応じてタイトルを編集し、[インフォグラフィックスメタデータの表示] をクリックして、テンプレートのメタデータを表示および編集します。
メタデータオプションは、テンプレートに関する情報を提供します ([データの年代]、[データの説明]、[作成者]、[タグ])。メタデータ値は、テンプレートに含まれる変数に基づいて入力されます。
[保存] をクリックします。
[保存済みのインフォグラフィックス] ウィンドウが表示され、テンプレートが [マイテンプレート] タブに保存されます。
必要に応じてチェックボックスを使用し、このインフォグラフィックスをデフォルトインフォグラフィックスとして設定します。
[OK] をクリックして、[保存済みのインフォグラフィックス] ウィンドウを閉じます。

エレメントの追加

エレメントをテンプレートに追加できます。 [エレメントの追加] メニューで、次に示すように、追加するエレメントのタイプをクリックします:

[チャート] - チャートに含める変数を選択し、チャートを追加します。チャートのスタイルとデータをカスタマイズできます。詳細については、「チャートの操作」をご参照ください。
[画像] - 形状またはアイコンを選択するか、画像をアップロードします。画像エレメントのサイズ変更、回転、配置のカスタマイズを行えます。詳細については、「画像とテキストの操作」をご参照ください。
[テキスト] - プレーンテキストを含むテキストボックス、スタイルを設定したテキスト、変数値を追加します。テキストエレメントの内容やビジュアルスタイルをカスタマイズできます。詳細については、「画像とテキストの操作」をご参照ください。
[インフォグラフィックス] - [住宅統計] や [人口ピラミッド] などのインフォグラフィックスパネルを追加します。インフォグラフィックスパネルを選択するには、参照または検索するか、[インフォグラフィックスパネルの作成] をクリックして作成します。詳細については、「インフォグラフィックスパネルの操作」をご参照ください。
[テーブル] - 変数を含むテーブル、比較テーブル、カスタムテーブルを追加します。詳細については、「テーブルの操作」をご参照ください。
[マップ] - ArcGIS で使用可能なベースマップまたは Web マップを選択します。詳細については、「マップパネルと近傍パネルの操作」をご参照ください。
[近傍] - サイト周辺のポイント位置をまとめたテーブルを追加します。詳細については、「マップパネルと近傍パネルの操作」をご参照ください。
[興味深いファクト] - サイトに関する情報を表示し、選択したエリアと比べてそのサイトに顕著な特徴があることを示すパネルを追加します。詳細については、「興味深いファクトパネルの操作」をご参照ください。

パネルの配置

インフォグラフィックステンプレートにパネルを配置することで、対称的または一般的なレイアウトを作成できます。

注意:

グリッドに含まれるパネルには、あらかじめ指定したレイアウトがあります。これらのパネルでは、手動での配置は無効になっています。

パネルを配置するには、次の手順を実行します:

テンプレート内のパネルをクリックして選択するか、Ctrl キーを押しながらクリックして複数のパネルを選択します。
[配置] をクリックし、ドロップダウンメニューを展開します。
注意:
一部のテンプレートでは、パネルの選択が無効になっています。 [配置] をクリックすると、このようなテンプレートは配置モードで開きます。配置モードの詳細については、「エレメントの配置」をご参照ください。
[ページに合わせて配置] または [選択対象を揃える] を選択します。
[ページに合わせて配置] を選択すると、パネル (複数可) は指定したとおりに配置されます (左揃え、中央揃え、または右揃え)。 [選択対象を揃える] を選択すると、選択したパネルは互いの位置を考慮しながら配置されます。
メニューオプションを使用し、選択されたコンテンツをテンプレートに配置します。
パネルは左、中央、右、上、中、下に配置できます。複数のパネルを選択している場合、ページ上での配置も指定できます。

エレメントの配置

パネルにエレメントを配置するため、テンプレートを配置モードで編集できます。

エレメントを配置するには、次の手順を実行します。

[配置] をクリックし、ドロップダウンメニューを展開します。
[パネル内でのエレメントの配置] をクリックします。
テンプレートが配置モードで開きます。
1 つ以上のエレメントを選択してから、[親に合わせて配置] または [選択対象を揃える] を選択します。
[親に合わせて配置] を選択した場合、選択したアイテムは指定したとおりに配置されます (左揃え、中央揃え、右揃えなど)。 [選択対象を揃える] を選択すると、選択したパネルは互いの位置を考慮しながら配置されます。
メニューオプションを使用し、選択されたコンテンツをテンプレートに配置します。
パネルは左、中央、右、上、中、下に配置できます。複数のパネルを選択している場合、ページ上での配置も指定できます。
[適用] をクリックして、変更した内容をテンプレートに適用します。

ページの追加

ページを追加すると、インフォグラフィックステンプレートにより多くの情報を含めることができます。

テンプレートにページに追加するには、次の手順を実行します:

[ページの追加] をクリックします。
空のインフォグラフィックスページを追加するには、[ページの追加] ドロップダウンメニューで [現在のレイアウト] か [レイアウトの選択] を選択します。
- [現在のレイアウト] を選択すると、現在のページと同じレイアウトを持つページが追加されます。テンプレートによっては、空のページである場合があります。
- [レイアウトの選択] を選択すると、[新しいページレイアウトを選択] ウィンドウが表示されます。使用可能なレイアウトを選択します。
選択したレイアウトのページがテンプレートに追加されます。
また、[別のテンプレートからパネルを追加] をクリックすることもできます。
[別のテンプレートからパネルを追加] ウィンドウが表示されます。
参照または検索するか、[並べ替え] ドロップダウンメニューを使用してテンプレートを検索し、テンプレートにポインターを合わせて [開く] をクリックします。
単一ページのテンプレートを選択すると、そのテンプレートが新しいページとして追加されます。複数ページのテンプレートを選択した場合は、[テンプレートに追加するページを追加] で、テンプレートに含まれるいずれかのページを選択します。このテンプレートは、新しいページとして追加されます。
注意:
別のテンプレートからページを追加する場合、現在のテンプレートの背景画像は維持されます。

パネルオプションの使用

パネルオプションには、寸法や枠線スタイル、パネルのコピーや移動を行うオプションが含まれます。

パネルオプションを使用するには、次の手順を実行します。

テンプレート内のパネルにポインターを合わせて [パネルオプション] をクリックします。
[パネルオプション] ウィンドウが表示されます。
[パネルのコピー]、[パネルの切り取り]、[パネルの貼り付け] をクリックし、クリップボードを使用してそれぞれパネルのコピー、削除、移動を行うか、[パネルの複製] をクリックして、パネルのコピーを作成します。
[寸法] で、パネルの高さと幅を変更します。
必要に応じ、使用可能であれば [サイズ変更時にテキストサイズを保持] チェックボックスをオンにし、パネルの寸法の変更に合わせてパネル内のテキストがサイズ変更されないようにします。
フローティングパネルの場合は、[整列と配置] で [最前面へ移動]、[最背面へ移動]、[前面へ移動]、[背面へ移動] のいずれかをクリックして、他のパネルを基準にした位置にパネルを配置し、[左] および [上] オプションを使用して、テンプレート内でのパネルの位置を手動で変更します。
グリッド内のパネルでは、[枠線] でパネル枠線の位置とスタイルを選択します。
[レイアウト設定] で、バネルの背景色と枠線の設定を変更します。パネルの角を丸くするときの値を設定するには、[コーナーの半径] 設定を使用します。

レイアウトのプレビュー

インフォグラフィックスビルダーのレイアウトは、異なるサイズの画面や縦方向のスタックなど、さまざまな形式でのインフォグラフィックスを表示します。

レイアウトをプレビューするには、次の手順を実行します:

テンプレートをプレビューするには、[その他のレイアウトのプレビュー] 切り替えボタンをオンにします。
異なるサイズの画面でテンプレートがどのように表示されるかを確認するには、[デバイス] ボタンのいずれかをクリックします。
画面サイズは、大 (コンピューターサイズの画面)、中 (タブレットサイズの画面)、小 (携帯電話サイズの画面) です。
テンプレートの寸法を変更するには、次のいずれかを実行します。
- [寸法] ドロップダウンメニューをクリックして、別のテンプレートサイズを選択します。
- カスタムの幅と高さを入力します。
必要に応じて、[レイアウト] ドロップダウンメニューをクリックして、次のいずれかを実行します:
- 画面サイズに基づくレスポンシブなレイアウトモードを表示するには、[自動] を使用します。
- インフォグラフィックス全体を 1 ページで表示するには、[全ページ] を使用します。
- インフォグラフィックスパネルを縦に重ねて表示するには、[スタックモード] を使用します。パネルの順序を調整するには、次のいずれかを実行します。
  - インフォグラフィックス内のパネルの順序を調整するには、パネルの上にポインターを置き、[上に移動] または [下に移動] をクリックします。
  - パネルの順序を手動で変更するには、パネルをクリックアンドドラッグします。
- [スライドモード] を使用すると、インフォグラフィックスパネルをスライドショーとして 1 枚ずつ表示できます。
- [サイドバイサイド比較] を使用すると、すべての解析エリアを並べて表示できます。レイアウトを変更するには、[比較設定] をクリックし、次のいずれかを実行します:
  - [背景画像とエレメントの表示] チェックボックスをオフにします。
  - 必要に応じて、[各変数の比較] チェックボックスをオンにして、インフォグラフィックスパネル内の変数を別々のパネルとして表示します。
  - インフォグラフィックスパネルの変数周囲の間隔を調整するには、値を増減させるか、入力します。 [リセット] をクリックすると、デフォルトのズームと間隔にリセットされます。
[その他のレイアウトのプレビュー] モードを終了するには、[その他のレイアウトのプレビュー] 切り替えボタンをオフにします。

テンプレート設定の変更

ページサイズ、余白、ツールチップ設定など、テンプレートの設定を変更できます。

テンプレート設定を変更するには、次の手順を実行します:

[一般設定] をクリックします。
[一般設定] ウィンドウが表示されます。
[ページサイズ] で、ドロップダウンリストを展開して、別のページサイズを選択します。
[カスタム] を除くすべてのページサイズでは、[縦] または [横] 方向を選択することもできます。
[ページ余白] でページ余白を変更します。
[チャートのツールチップ] にあるチェックボックスを使用して、チャートのツールチップに表示する情報を選択し、[テーブルのツールチップ] にあるチェックボックスを使用して、テーブルとインフォグラフィックスパネルのツールチップに表示する情報を選択します。
インフォグラフィックスを表示している場合は、エレメントにポインターを合わせると、ツールチップに詳細な情報が表示されます。

インフォグラフィックスレイヤーの操作

インフォグラフィックスのパネルとレイヤーの表示、非表示、並べ替えを行えます。あるパネルが他のパネルの上に表示されると、透過表示の設定によっては、下にあるパネルが不明瞭になることがあります。

インフォグラフィックスレイヤーを操作するには、次の手順を実行します:

[レイヤー] をクリックします。
[レイヤー] ウィンドウが表示されます。パネルは、前景と背景というレイヤーに分類されます。
必要に応じて、[並べ替え] ドロップダウンメニューを使用して、次のいずれかを実行します。
- [背面が先頭] をクリックすると、背面のエレメントがリストで先頭に表示されます。このオプションを使用すると、パネルは [スタック] モード、[スライド] モード、または [サイドバイサイド比較] モードで使用される順序で表示されます。
- [前面が先頭] をクリックすると、前面のエレメントがリストで先頭に表示されます。
必要に応じて、次のいずれかを実行してレイヤーを操作します:
- リスト内のレイヤーを展開または折りたたむと、そのレイヤー内のパネルが表示されます。
- インフォグラフィックスにパネルを表示するかどうかを変更するには、[表示] または [非表示] をクリックします。
- [オプション] をクリックすると、レイヤーの透過表示を調整したり、レイヤーに含まれるすべてのパネルを非表示にしたり、すべてのパネルを表示したりできます。
必要に応じて、次のいずれかを実行して個々のパネルを操作します:
- [レイヤー] ウィンドウのパネル名にポインターを合わせると、テンプレート内でハイライト表示されます。
- 上向き矢印と下向き矢印をクリックしてパネルを移動するか、パネルを違う順序にドラッグします。
- インフォグラフィックスにパネルを表示するかどうかを変更するには、[表示] または [非表示] をクリックします。
- [編集] をクリックすると、編集用のパネルが開きます。
- [スタックおよびスライドから非表示] チェックボックスをオンにすると、インフォグラフィックスが [スタック] モード、[スライド] モード、または [サイドバイサイド比較] モードで表示されている場合に、パネルを非表示にできます。

テーマの適用

カスタムインフォグラフィックステンプレートでは、色とフォントのデフォルト設定を使用します。テンプレートのビジュアルデザインをカスタマイズするには、テーマを作成するか、保存したテーマを適用します。テーマを作成して保存すると、任意のテンプレートに適用できるようになります。

テーマをテンプレートに適用するには、次の手順を実行します:

[テーマ] をクリックします。
[インフォグラフィックステンプレートのテーマ] ウィンドウが表示されます。
過去に保存されたテーマを使用するには、[保存されたテーマを使用] ドロップダウンメニューから選択します。
テンプレートのプレビューが自動的に更新され、選択したテーマによって、インフォグラフィックスの外観がどのようにカスタマイズされるかを確認できます。
[テンプレートのカラーテーマを選択] でカラーテーマを選択するか、背景、アイコン、ハイライト表示されたアイコンの色を個別に設定します。
[テンプレートの主要なフォントを選択] で、テンプレートのテキストの色、スタイル、フォントを設定します。
[テンプレートに背景画像を追加] で [参照] をクリックして画像をアップロードし、次のいずれかを実行します:
1. [確認が必要です] ウィンドウで、[テーブルおよびその他のパネルの背景色を削除] を選択して、すべてのパネルの背景色を削除します。すべてのパネルの背景色を維持するには、[背景画像のみを変更] を選択します。
2. [透過表示] スライダーを使用し、背景画像の透過表示を調整します。
3. アップロードされた画像がページサイズよりも小さい場合は、必要に応じて [繰り返し] チェックボックスをオンにし、背景全体に画像をタイル状に配置します。
4. アップロードされた画像がページサイズよりも小さいか大きい場合は、必要に応じて [拡大縮小] チェックボックスをオンにし、画像のサイズをページにフィットするよう変更します。
テーブル、チャート、インフォグラフィックス、枠線、ツールチップ、パネルレイアウトなどの個々のエレメントの色、スタイル、フォントを設定するには、[高度なオプション] をクリックします。
必要に応じて [テーマの保存] をクリックします。
[テーマの保存] ウィンドウが表示されます。テーマの名前を指定し、[保存] をクリックします。
[適用] をクリックします。
テーマがテンプレートに適用されます。

対話型エクスペリエンスの追加

インフォグラフィックスを実行する場合に、エレメントにポインターを合わせて、ツールチップで [さらに探す] をクリックすると、対話型エクスペリエンスのポップアップパネルが表示されます。対話型エクスペリエンスのポップアップは、変数を含むパネルで使用できます。

テンプレート内の変数に対して対話型エクスペリエンスを追加するには、次の手順を実行します:

エレメントにポインターを合わせて、[編集] をクリックします。
エレメントが編集モードで開きます。
変数にポインターを合わせて、[対話型エクスペリエンスを追加] をクリックします。
[対話型エクスペリエンスを追加] をクリックします。
[このパネルに挿入するエレメントを選択] ウィンドウが表示されます。
追加するエレメントのタイプをクリックします。
「エレメントの追加」をご参照ください。
エレメントのカスタマイズが終了したら、[適用] をクリックします。
変数の対話型エクスペリエンスパネルが追加されます。
対話型エクスペリエンスパネルにポインターを合わせて [その他のオプション] をクリックし、次のいずれかの操作を実行します。
- [パネルのコピー] をクリックして、対話型エクスペリエンスをコピーします。
- [このパネルをすべての変数に適用] をクリックして、対話型エクスペリエンスをパネル上のすべての変数に追加します。
- パネルの幅と高さを変更します。
- インフォグラフィックスを PDF としてエクスポートする場合に対話型エクスペリエンスを含めるには、[エクスポートにこのパネルを含める] チェックボックスをオンにします。このオプションを 1 つのパネルに対して有効にした場合は、エクスポートに含める別の対話型エクスペリエンスパネルに対しても有効にする必要があります。
  注意:
  このオプションでは、テンプレートのすべてのユーザーの PDF エクスポートにどのパネルを含めるかを制限します。
[保存] をクリックします。

初期設定の設定

アプリケーションの初期設定で Business Analyst Web App の初期設定を設定できます。インフォグラフィックスの作成では、使用される計測単位を選択し、興味深いファクトパネルの初期設定を指定することができます。管理者は、組織全体に対して初期設定を設定できます。

アプリヘッダーで、[初期設定] をクリックして、[レポート] セクションを展開し、[インフォグラフィックス] セクションを展開して、[インフォグラフィックスの作成] をクリックし、次の初期設定を設定します:


初期設定	説明
インフォグラフィックスの作成ワークフローで使用する単位を選択します	インフォグラフィックスの作成時に使用する単位 (ピクセルやセンチメートルなど) を選択します。

デフォルト設定に戻すには、[デフォルトに戻す] をクリックします。変更内容を保存するには、[保存] をクリックするか、[保存して閉じる] をクリックして [初期設定] ウィンドウを閉じます。変更内容を表示するには、アプリを更新します。

ワークフローのビデオ

ワークフローのビデオについては、「Business Analyst Web App で高度なインフォグラフィックスを作成する」をご視聴ください。

このトピックへのフィードバック