Google Data Studio Community Visualizations can be used to add a new chart-type... but how often are they used to showcase your brilliant insights and provide direction for report viewers?
For those familiar with the community visualization creation, setup and hosting process, Instructions are contained within this post. Anyhow, I urge the review of Google’s Community Visualization Gallery.
Quick Start Setup
Add the pre-built Component ID
gs://community-viz-shotaokb/mouseovertooltip/en




Full Setup Instructions
GitHub Repo Here
Step1 Download dscc.min.js to ./js
https://developers.google.com/datastudio/visualization/library
Step2 Type following commands
$ cat js/dscc.min.js > mouseovertooltip.js
$ echo >> mouseovertooltip.js
$ cat js/icons.js >> mouseovertooltip.js
$ cat js/tooltip.js >> mouseovertooltip.js
$ cat js/main.js >> mouseovertooltip.js
or
$ cat js/dscc.min.js > mouseovertooltip.js && echo >> mouseovertooltip.js && cat js/icons.js >> mouseovertooltip.js && cat js/tooltip.js >> mouseovertooltip.js && cat js/main.js >> mouseovertooltip.js
Step3 Push 4 files your gcs bucket
- manifest.json
- mouseovertooltip.js
- mouseovertooltip.json
- style.css
How to Use this Community Visualization on DataStudio
English
Component ID: gs://community-viz-shotaokb/mouseovertooltip/en
Japanese
Component ID: gs://community-viz-shotaokb/mouseovertooltip/ja