Help us improve the AWS re:Post Knowledge Center by sharing your feedback in a brief survey. Your input can influence how we create and update our content to better support your AWS journey.
AWS IoT Twinmaker Scene not loading in Amazon Managed Grafana
I am trying to follow a guide to set up a twinmaker scene and connecting it to Amazon Managed Grafana.
The scene I have created doesn't get visualized even though I have connected a Data Source to it and I am able to choose the scene I want to visualize in the dropdown menu. I am using the twinmaker plugin version 1.10.1 and Grafana version 10.4. Do I have to use another plugin version?
- Newest
- Most votes
- Most comments
The issue you're experiencing with the AWS IoT TwinMaker scene not loading in Amazon Managed Grafana is likely not related to the plugin version you're using. The problem is more likely due to a missing CORS (Cross-Origin Resource Sharing) configuration for your Amazon S3 bucket.
The AWS IoT TwinMaker Grafana plugin requires a specific CORS configuration to allow the Grafana user interface to load resources from the Amazon S3 bucket where your scene data is stored. Without this configuration, you'll encounter an error message like "Load 3D Scene failed with Network Failure" in the Scene viewer.
To resolve this issue, you need to configure CORS for your Amazon S3 bucket. Here's a summary of the steps you should take:
- Sign in to the AWS Management Console and open the Amazon S3 console.
- Find and select the bucket you're using as your AWS IoT TwinMaker workspace's resource bucket.
- Go to the "Permissions" tab for that bucket.
- In the "Cross-origin resource sharing (CORS)" section, click "Edit".
- In the CORS configuration editor, you'll need to add a JSON configuration that allows access from your Grafana workspace domain. The configuration should include allowed headers, methods, and origins.
- Make sure to replace the placeholder for the Grafana workspace domain with your actual domain in the "AllowedOrigins" section.
- Save the changes to complete the CORS configuration.
After setting up the CORS configuration correctly, your AWS IoT TwinMaker scene should load properly in Amazon Managed Grafana. If you continue to experience issues after this change, you may want to double-check your data source configuration and ensure that your IAM roles and permissions are set up correctly for accessing AWS IoT TwinMaker resources from Grafana.
Sources
CORS configuration for Grafana scene viewer - AWS IoT TwinMaker
AWS IoT TwinMaker Grafana dashboard integration - AWS IoT TwinMaker
Relevant content
- asked a year ago
I have configured a CORS for the bucket that I am using, but maybe I haven't configured it correctly. What do I put in the AllowedOrigins section? Is it the URL for my Grafana workspace?