I created several visualizations for Google Data Studio, to easily display your data exactly as you want, through HTML templates.
Until now, for security reasons, it was not possible to display images inside this type of visualization, as documented by Google:
Limitations / Known issues | Community Visualizations
External images are not supported due to the CSP.
Indeed, if Google allows external developers to create new visualizations for everyone to use inside Data Studio, they don’t want to put your data at risk 😬 and thus block all data exchange between those visualizations and the external world 😭.
Images stored in Google Drive are now allowed 🎉
As a developer of a community visualization or as an end user of an existing visualization allowing images, you can now display images stored in Google Drive.
Best is to rely on the thumbnail URL of your Google Drive file:
1- Upload your image in Google Drive
2- Open it in a new tab and grab its ID — everything between /d/ and the next /
3- Add this ID at the end of the standard thumbnail URL:
And voilà! You can now use that image inside any Data Studio Community Viz!
Want to see a live example?
Here’s a Data Studio report you can copy:
The Data Source is a Google Sheet with Google Drive images in column J.
And all images are stored in this Google Drive folder: