インフォグラフィックス テンプレートの作成

このチュートリアルでは、インフォグラフィックス パネルの作成・配置方法、デザインの編集方法について学びます。本演習を通じて、以下のようなインフォグラフィックス テンプレートを作成します。

演習用プロジェクトの起動

BA Pro を起動して、任意の名前でプロジェクトを作成します。既存のプロジェクトを開いて演習を行うことも可能です。

空のテンプレートの作成

[インフォグラフィックス エディター] を起動して、空のインフォグラフィックス テンプレートを準備します。

1. [解析] タブ→ [ビジネス解析] → [インフォグラフィックス エディター] をクリックします。
2. [インフォグラフィックス エディター] が開いたら、[空のテンプレート] タブから [3列、3行] のテンプレートにカーソルを合わせて [開く] をクリックします。
3. [＋] をクリックして、行と列を１ ずつ増やします。
4. [一般設定] をクリックします。
5. [ページサイズ] から [A4] を選択して、[適用] をクリックします。
6. 以下のようにグリッドを編集します。
7. [保存] をクリックします。[インフォグラフィックス テンプレートの保存] ダイアログの [タイトル] に「カスタムインフォグラフィックス」と入力して [保存] をクリックします。
8. [マイ テンプレート] タブで「カスタムインフォグラフィックス」にカーソルをあわせ、[開く] をクリックします。

コンテンツの追加

インフォグラフィックス テンプレートにコンテンツを追加するには

• 既存テンプレートから追加する方法
• データ ブラウザーから変数を追加する方法

の２つの方法があります。

既存テンプレートから追加する方法

既存のインフォグラフィックスを利用して、コンテンツを追加することが可能です。

インフォグラフィックス パネル の追加

1. 画像の位置のセルにカーソルを合わせて、[追加] → [別のテンプレートからパネルを追加] をクリックします。
2. [標準テンプレート] タブの「複数エリア比較 プロファイル」テンプレートにカーソルを合わせ、[開く] をクリックします。
3. 下のインフォグラフィックス パネルにカーソルを合わせ、[追加] をクリックします。

テンプレートに選択したインフォグラフィックス パネルが追加されます。

データ ブラウザーからコンテンツを追加する方法

データ ブラウザーから、ドラッグしてコンテンツを追加することが可能です。

テーブル パネルの追加

1. 画像の位置のセルにカーソルを合わせて、[追加] → [テーブル] をクリックします。

2. [テーブルの追加] ウィンドウ上で [1.追加するテーブルのタイプを選択します] から [比較テーブル] をクリックします。

3. [2.テーブルを構成する変数を選択します] から [年齢] をクリックします。

4. [閲覧を継続] グループから [年齢３区分別人口] をクリックします。

5. [2020 年齢3区分別 人口(国勢調査)] から以下の変数を選択して [次へ] をクリックします。

   • 2020 人口 15歳未満(%)

   • 2020 人口 15-64歳(%)

   • 2020 人口 65歳以上(%)

     

6. [3.サイトと比較する区画レベルを選択します] から [JP] と [都道府県] を選択して [適用] をクリックします。

   レイアウトに作成したテーブル パネルが追加されます。

7. 追加したテーブル パネルにカーソルを合わせ、[編集] をクリックします。

8. [その他のオプション] をクリックし、[テーブル タイトルの表示] のチェックボックスをオンにします。

9. 追加されたタイトルにカーソルを合わせて、[テキストの編集] をクリックして、[タイトル] に「年齢別人口構成比（3区分）」と入力します。

10. 行のラベルを以下のように編集して、[適用] をクリックします。

チャート パネルの追加

1. 画像の位置のセルにカーソルを合わせて、[追加] → [チャート] をクリックします。
2. [チャートの挿入] ウィンドウ の [1.変数を選択して～] で [変数またはキーワードの検索] に 「人口増減」と入力して検索を実行します。
3. [2.チャートをカスタマイズして～] で [水平ライン チャート] を選択します。
4. パネルに以下の変数を追加します。「1.」で変数を選択し、「2.」へドラッグ & ドロップで追加します。２つ目以降の変数を追加するときには [現在のシリーズに追加] を選択します。
   • 2020-2025 人口総数 増減率(%)
   • 2020-2030 人口総数 増減率(%)
   • 2020-2035 人口総数 増減率(%)
   • 2020-2040 人口総数 増減率(%)
   • 2020-2045 人口総数 増減率(%)
   • 2020-2050 人口総数 増減率(%)
5. [チャート データの編集] をクリックします。[シリーズ1] をクリックし、チャートのラベルを「人口総数 増減」に変更します。
6. [2020-2025 人口総数 増減率 (%)] をクリックして、ラベルを「-2025」に変更します。同様に他の年度のラベルも変更します。
7. [チャート オプション] をクリックします。[チャート] セクションを開き、[タイトル] に「人口 増減率 (%)」と入力します。
8. [区画との比較] セクションを開き、[区画との比較を表示] のチェックボックスをオンにします。
9. [凡例] セクションを開き、[凡例を表示] のチェックボックスをオン、[位置] を [下] に選択し、[比較区画を表示] のチェックボックスをオンにします。
10. [適用] をクリックします。 レイアウトに作成したチャート パネルが追加されます。

マップの追加

1. 画像の位置のセルにカーソルを合わせて、[追加] → [マップ] をクリックします。
2. [マップの参照と選択] ダイアログから[地形図] をクリックします。

テキストの追加とレイアウトの調整

1. 左上のエレメントを追加していないセルにカーソルを合わせて、[追加] → [テキスト] をクリックします。

2. [テキスト スタイル] ウィンドウで [設定を増やす] をクリックします。

3. [+ 動的なフィールドまたはノートの追加] をクリックし、[レポート タイトル] を選択します。

4. テキストの表示範囲を以下のように変更して、フォントサイズを 24 px の太字、テキストの配置を中央揃えに変更します。変更したら、テキストスタイルを [×] で閉じます。

5. パネル上部の [+] ボタン（エレメントの追加） → [図形] をクリックし、以下のアイコンをクリックします。

6. 追加した図形を左上に配置します。

7. パネル上部の [+ エレメントの追加] → [テキスト ボックス] をクリックし、[テキストの編集] をクリックします。

8. [テキスト スタイル] → [+ 動的なフィールドまたはノートの追加] をクリックし、[日時] を選択します。

9. 追加したテキストを以下のように配置して、テキスト配置を右寄せに変更します。変更したら、テキストスタイルを [×] で閉じます。

10. [適用] をクリックします。 テンプレートにテキストが追加されます。

11. テキスト パネルにカーソルを合わせ、[パネル オプション]をクリックします。

12. [寸法] セクションの [高さ] に「120」と入力し、[パネル オプション] を閉じます。

13. 同様に、マップ パネルの高さを「420」に変更します。

テンプレートの保存

作成したテンプレートを繰り返し使えるようにするため、保存を行います。

1. [インフォグラフィックス エディター] タブの [保存] をクリックします。
2. [インフォグラフィックス テンプレートの保存] ダイアログの [タイトル] に「カスタムインフォグラフィックス」と入力されていることを確認して [保存] をクリックします。

3. [置換の確認] ダイアログが表示された場合は [はい] をクリックします。

インフォグラフィックスの実行

作成したインフォグラフィックス テンプレートを利用して、レポートを作成します。

クイック商圏の作成

分析対象となる商圏を作成します。[インフォグラフィックス エディター] タブを閉じて、マップを表示させます。

1. [解析] タブ → [ワークフロー] グループの [ビジネス解析] ボタン → [クイック商圏] をクリックします。

   [クイック商圏] ウィザードの [ステップ 1: 位置] で、解析対象となる位置を指定します。

2. [場所検索] タブを開き、検索ボックスに「西船橋駅」と入力し、Enter キーを押します。

3. 検索結果が表示されるので、選択して [次へ] をクリックします。

   [ステップ2: バッファー] で商圏を作成します。

4. [道路距離/時間商圏] タブを選択し、以下のように設定し、[次へ] をクリックします。

   • 距離タイプ: 運転時間
   • 時間: 「5」と入力します。単位は「分」に設定します。
   • ディゾルブ オプション: ディスク

5. [ステップ3: 解析] では、何も設定せず [次へ] をクリックします。

6. [ステップ4: サマリー] で設定内容を確認し、[完了] をクリックします。

ツールが実行され、マップ上に商圏が追加されます。

サマリー レポートの実行

作成した商圏を対象としたインフォグラフィックスを作成します。

1. [解析] タブ → [ジオプロセシング] グループの [ツール] をクリックします。
2. [ツールボックス] タブを選択し、[Business Analyst ツール] → [レポート] → [サマリー レポート (Summary Reports)] を開きます。
3. [入力フィーチャ] のプルダウンから「クイック商圏¥バッファー」レイヤーを選択します。
4. [レポートの作成] のプルダウンから「マイ レポート」 → [カスタム インフォグラフィックス] のチェックボックスをオンにし、[追加] をクリックします。
5. [レポートの書式設定] → [レポート出力形式] を [HTML] に変更してから、[実行] をクリックします。
6. [ジオプロセシング] ウィンドウ の[詳細の表示] をクリックし、[パラメーター] タブの [出力ファイル] をクリックします。 インフォグラフィックスが出力されていることを確認します。

まとめ

このチュートリアルでは、空のグリッド テンプレートからインフォグラフィックス テンプレートを作成する方法を学びました。また、クイック商圏で商圏を作成し、カスタムインフォグラフィックスを出力する方法を学びました。