使用 Looker Studio 以圖表呈現 BigQuery GEOGRAPHY 多邊形

本教學課程適用於想使用 Looker Studio 以圖表呈現 BigQuery 中的 GEOGRAPHY 資料的使用者。如要完成本教學課程,您需要擁有 BigQuery 帳單專案。您不需要瞭解如何編寫 SQL,也可以使用公開資料集。

目標

在本教學課程中,您將建立報表,顯示華盛頓州租屋的可負擔性。您將使用 Google 地圖,將來自公開 BigQuery 資料集的 GEOGRAPHY 資料視覺化。

Google 地圖顯示紅色 BigQuery 地理多邊形,代表華盛頓州各縣的租金負擔能力。

在本教學課程中,您將完成以下目標:

事前準備

如果您尚未設定 BigQuery 帳單專案,可以免費註冊

建立新的空白報表

  1. 登入 Looker Studio
  2. 按一下 「建立」,然後選取「報表」
  3. 在「Add data to report」面板中,選擇「BigQuery」

  4. 在左側導覽面板中,選擇「自訂查詢」

  5. 選取或輸入帳單專案 ID。

  6. 在「輸入自訂查詢」下方貼上下列 SQL 查詢:

        select
            ct.state_fips_code,
            ct.county_fips_code,
            c.county_name,
            ct.tract_ce,
            ct.geo_id,
            ct.tract_name,
            ct.lsad_name,
            ct.internal_point_lat,
            ct.internal_point_lon,
            ct.internal_point_geo,
            ct.tract_geom,
            acs.total_pop,
            acs.households,
            acs.male_pop,
            acs.female_pop,
            acs.median_age,
            acs.median_income,
            acs.income_per_capita,
            acs.gini_index,
            acs.owner_occupied_housing_units_median_value,
            acs.median_rent,
            acs.percent_income_spent_on_rent,
        from `bigquery-public-data.geo_census_tracts.census_tracts_washington` ct
        left join `bigquery-public-data.geo_us_boundaries.counties` c
            on (ct.state_fips_code || ct.county_fips_code) = c.geo_id
        left join `bigquery-public-data.census_bureau_acs.censustract_2018_5yr` acs
            on ct.geo_id = acs.geo_id
    
  7. 按一下「新增」,將這項資料加入報表。

在報表中新增 Google 地圖

  1. 刪除報表頁面上的表格。
  2. 按一下「新增圖表」
  3. 在「Google 地圖」部分中,按一下「填滿地圖」

設定地圖

使用者在 Google 地圖圖表「屬性」面板的「資料」分頁中,為「位置」欄位選取「geo_id」,為「地理空間」欄位選取「tract_geom」。

地圖不會顯示。您必須先新增可明確識別每個地點的欄位。

  1. 在「位置」部分,按一下「無效維度」,然後選擇「geo_id」
    1. 這個欄位可用來識別各個人口普查區。
  2. 在「地理空間」欄位部分,按一下「新增指標」,然後選擇「tract_geom」
    1. 這個欄位包含 BigQuery GEOGRAPHY 資料,可定義要顯示的多邊形。

地圖應如下所示:

這張 Google 地圖上有藍色地理多邊形,代表華盛頓州各郡的租金負擔能力,但只顯示少數幾個郡的多邊形。

為什麼地圖缺少多邊形?Looker Studio 中的 Google 地圖預設會繪製 10 萬個點 (多邊形頂點),但 tract_geom 資料欄包含 911,364 個點。您可以增加資料點數 (最多 100 萬),也可以新增篩選器來減少資料點數,以便將重點放在特定區域。在圖表屬性面板的「樣式」分頁的「填滿區域圖層」部分中,將「多邊形頂點的最大數量」設為 1,000,000

新增縣市篩選器

  1. 按一下工具列中的「新增控制項」
  2. 選取「下拉式清單」
  3. 將「Control」欄位設為「county_name」,然後在「預設選項」中輸入「King」

使用者從「新增控制項」選單中選取「下拉式清單」,並選取「county_name」做為控制項欄位,在「屬性」面板的「設定」分頁中,以「King」做為預設選項。

您現在應該會看到 King 郡的所有多邊形,其中包含西雅圖:

Google 地圖圖表,其中藍色地理多邊形代表華盛頓州各縣的租金負擔能力,經過篩選後只會顯示金郡的資料。

設定地圖樣式

地圖的預設顏色指標為「記錄數量」。您也可以選擇其他指標。

在「指標顏色」部分中,選擇「percent_income_spent_on_rent」

與地圖互動

視您啟用的選項而定,您可以縮放及捲動畫面,並查看人口普查區,瞭解哪些區域的居民將近一半的收入用於支付房租,例如西雅圖的大學區:

變更工具提示

當您將滑鼠游標懸停在地圖上時,您會發現工具提示會顯示 geo_id,但在這個情境中,這並沒有特別意義:

在使用 geo_id 工具提示維度的華盛頓州租金 Google 地圖圖表中,工具提示會顯示資料點詳細資料 53033005301 percent_income_spent_on_rent: 51。

您可以變更工具提示維度,為觀眾提供更實用的工具提示。

  1. 在報表中按一下「編輯」
  2. 選取地圖。
  3. 在「屬性」面板的「工具提示」部分中,選擇「lsad_name」
    1. 這個欄位包含可供人類閱讀的人口普查區名稱:

「屬性」面板的「設定」分頁會將 geo_id 顯示為「位置」欄位,將 tract_geom 顯示為「地理空間」欄位,將 lsad_name 顯示為「工具提示」欄位,並將 percent_income_spent_on_rent 顯示為「顏色」指標。

在地圖上新增更多樣式

您可以在「樣式」分頁中自訂地圖的外觀。舉例來說,您可以將填充的透明度提高至 80%,並將漸層顏色從藍色變更為紅色。

「填滿地圖樣式」分頁標籤中的「填滿區域圖層」部分選項和「顏色」部分選項。

最終的 Google 地圖,其中包含紅色漸層地理多邊形,代表華盛頓州的租金負擔能力,並在資料點顯示「Census Tract 295.02 percent_income_spent_on_rent: 47.5」的工具提示文字。

恭喜

您已在 Looker Studio 中建立 Google 地圖,以視覺化方式呈現 BigQuery GEOGRAPHY 資料。