매니페스트는 시각화에 대한 정보를 제공하고
시각화 리소스의 위치입니다 이름은 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 |
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"
}
}
]
}