Community Visualization Publishing Error #43
Description
I'm developing a radar chart visualization for Looker Studio, but I'm getting the error "An error occurred while requesting the visualization's config resource" when trying to load it.
Files Structure
gs://lookerstudio_visualization_radarchart/radar-chart-viz/
├── manifest.json
├── radar-chart-viz.html
├── radar-chart-viz.js
└── radar-chart-viz.css
File Contents
manifest.json
{
"name": "Radar Chart Visualization",
"logoUrl": "https://cdn.jsdelivr.net/gh/chartjs/Chart.js/logo.svg",
"organization": "Creative Culture 360",
"organizationUrl": "https://creativeculture360.com/",
"termsOfServiceUrl": "https://www.creativeculture360.com/privacy-policy",
"privacyPolicyUrl": "https://www.creativeculture360.com/privacy-policy",
"description": "A radar chart visualization for comparing multiple metrics across different categories",
"components": [
{
"id": "radar-chart",
"name": "Radar Chart",
"iconUrl": "https://cdn.jsdelivr.net/gh/chartjs/Chart.js/logo.svg",
"description": "A radar chart visualization for comparing multiple metrics across different categories",
"resource": {
"js": "gs://lookerstudio_visualization_radarchart/radar-chart-viz/radar-chart-viz.js",
"config": "gs://lookerstudio_visualization_radarchart/radar-chart-viz/radar-chart-viz.html",
"css": "gs://lookerstudio_visualization_radarchart/radar-chart-viz/radar-chart-viz.css"
},
"properties": [
{
"name": "scaleSource",
"label": "Axis Scaling",
"type": "SELECT_SINGLE",
"options": [
{"label": "Use data min/max", "value": "data"},
{"label": "Manual", "value": "manual"},
{"label": "Normalize to 100%", "value": "percent"}
],
"defaultValue": "data"
},
{
"name": "minScale",
"label": "Global Min",
"type": "NUMBER",
"defaultValue": 0
},
{
"name": "maxScale",
"label": "Global Max",
"type": "NUMBER",
"defaultValue": 100
}
]
}
],
"data": {
"dimensions": {
"min": 1,
"max": 1
},
"metrics": {
"min": 3,
"max": 10
}
}
}radar-chart-viz.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.jsdelivr.net/npm/chart.js@3.9.1/dist/chart.min.js"></script>
<script src="https://www.gstatic.com/dscc/community_visualization/v1/community_visualization.js"></script>
<link rel="stylesheet" href="radar-chart-viz.css">
</head>
<body>
<canvas id="radarChart"></canvas>
</body>
</html>Steps Already Taken
- I've Created all necessary files with configurations
- Uploaded files to Google Cloud Storage bucket
- Made files publicly accessible
- Attempted to load visualization in Looker Studio
Error Message
"An error occurred while requesting the visualization's config resource"
Questions
- Is there anything wrong with the manifest.json configuration?
- Are the resource paths in the manifest.json correct?
- Should the files be structured or named differently?
- Are there any common issues with the config resource error that I should check?
Additional Context
- Using Chart.js for the radar chart implementation
- Files are hosted on Google Cloud Storage
- All files are publicly accessible
- Following the Looker Studio Community Visualization documentation
Thank you for any help or guidance!