Hi :wave: I'm trying to recreate a visual I can cr...
# gd-beginners
j
Hi 👋 I'm trying to recreate a visual I can create in Tableau but with GoodData. I have floorplans as a fixed image and then layer a scatterplot over the top with fixed coordinates for my data points. I can then vary the colour and tool tips for extra information. I have looked at the custom visualisation documentation: • https://www.gooddata.com/docs/gooddata-ui/latest/learn/visualize_data/create_custom_visualizations/https://codesandbox.io/p/sandbox/github/gooddata/gooddata-ui-examples/tree/master/example-execute It is not clear how to get even a HelloWorld custom React component into my GoodData Cloud trial. How do I get custom visualisations into my GD Cloud?
From looking at the other thread I eventually found these references to plugins that look like what I need. https://www.gooddata.com/docs/cloud/create-dashboards/plugins/#UseCustomDashboardPlugins-RoomUtilization
Then it looks like I have to: • build the react component down to minified js • publicly self host the plugin in S3 or the like. • Run a CLI command to
add-plugin
to a workspace where it creates a Plugin object in the workspace • Then
link-plugin
to link it to a Dashboard so it can even be used_._ https://github.com/gooddata/gooddata-dashboard-plugins/tree/master/gauge_chart_plugin#quick-introduction-into-dashboard-plugins
✔️ 1
For those playing along at home, checking the Console logs showed that my S3 bucket was rejecting the CORS request. So I had to add to my bucket the CORS permissions:
Copy code
[
    {
        "AllowedHeaders": [
            "*"
        ],
        "AllowedMethods": [
            "GET",
            "POST",
            "PUT"
        ],
        "AllowedOrigins": [
            "https://<REDACTED>.<http://trial.cloud.gooddata.com|trial.cloud.gooddata.com>"
        ],
        "ExposeHeaders": [
            "ETag"
        ],
        "MaxAgeSeconds": 3000
    }
]
As per another thread I also added the CSP to
script-src
allow the script.