社群視覺呈現資訊清單參考資料

注意： 社群視覺呈現功能目前為「開發人員預覽版」。學習 進一步瞭解在這段期間即將推出的功能和改善項目，請造訪 「開發人員預覽」頁面。

資訊清單提供視覺呈現相關資訊，並識別 視覺化資源的位置檔案名稱應為 manifest.json，且 位於做為 Component ID 的資料夾頂層。

必須定義下列欄位 (除非另有說明)：

欄位名稱	類型	說明
name	string	視覺化套件的名稱。
organization	string	機構或開發人員的名稱。
description	string	視覺化套件的說明。
logoUrl	string	視覺化套件的標誌。
packageUrl	string	使用者點選這個連結，即可進一步瞭解包裹
organizationUrl	string	(選用) 使用者可以點選這個連結，進一步瞭解機構組織或開發人員。
supportUrl	string	連結至支援這個圖表的支援頁面或電子郵件。
privacyPolicyUrl	string	(選用) 隱私權政策連結。
termsOfServiceUrl	string	(選用) 服務條款連結。
devMode	boolean	(選用) 如果為 true，則略過快取。這個值預設為 false。詳情請參閱「關於快取」一文。
components	Array(object)	套件內含的圖表。系統目前僅支援一個圖表。
components[].id	string	元件 ID。必須是不含空格的非空白字串。
components[].name	string	圖表的名稱。
components[].description	string	視覺化內容的說明。
components[].iconUrl	string	圖表的圖示。
components[].infoUrl	string	(選用) 使用者可以點選這個連結，進一步瞭解元件。
components[].resource	object	視覺化資源。
components[].resource.js	string	Google Cloud Storage 中視覺化 JavaScript 檔案的位置。例如：gs://GCS_BUCKET_NAME/MY_VISUALIZATION.js。
components[].resource.config	string	Google Cloud Storage 中的圖表設定檔位置。例如：gs://GCS_BUCKET_NAME/MY_CONFIG.json。
components[].resource.css	string	(選用) Google Cloud Storage 中視覺化 CSS 檔案的位置。例如：gs://GCS_BUCKET_NAME/MY_CSS.css。

注意： 每個資訊清單都可以包含多個元件。每個元件都必須有 專屬id

manifest.json 資訊清單檔案範例

{
  "name": "ABC Visualizations Package",
  "organization": "ABC Inc.",
  "description": "A package of cool visualizations.",
  "logoUrl": "https://url",
  "organizationUrl": "https://url",
  "supportUrl": "https://url",
  "privacyPolicyUrl": "https://url",
  "termsOfServiceUrl": "https://url",
  "packageUrl": "https://url",
  "devMode": false,
  "components": [
    {
      "id": "treemap",
      "name": "Treemap",
      "description": "Zoomable treemap with filter interactions",
      "iconUrl": "https://url.png",
      "infoUrl": "https://url",
      "resource": {
        "js": "gs://myViz-bucket-treemap/viz.js",
        "config": "gs://myViz-bucket-treemap/viz-config.json",
        "css": "gs://myViz-bucket-treemap/viz.css"
      }
    },
    {
      "id": "histogram",
      "name": "Histogram",
      "description": "Histogram with filter interactions",
      "iconUrl": "https://url.png",
      "resource": {
        "js": "gs://myViz-bucket-histogram/viz.js",
        "config": "gs://myViz-bucket-histogram/viz-config.json",
        "css": "gs://myViz-bucket-histogram/viz.css"
      }
    }
  ]
}