Add a community chart to Data Studio
From a blank report to a fully styled vizstudio chart in ten steps. No code, no extensions — just the manifest path we send you when you get access.
gs://your-bucket-id and arrives with your welcome email. In this guide we use the placeholder gs://your-bucket-id; swap in your real path wherever you see it.
Open a report in Edit mode
Sign in at datastudio.google.com and open the report you want the chart in. Make sure you're editing — the top-right button reads View (offering to switch back) and the File / Edit / View menu bar is visible.

Click the Community visualizations button
On the toolbar, just right of Add a chart and left of Add a control, click the small Community visualizations and components button — a grid of squares with a plus, next to a dropdown caret. It looks like this: Hover it and the tooltip confirms “Community visualizations and components”.

Choose “+ Explore more”
A dropdown panel opens with three areas:
- Featured — Google and partner promoted charts
- Added report resources — chart libraries already loaded into this report. If vizstudio is already here, click a chart and jump to step 8.
- + Explore more — at the very bottom. Click it to load new charts.

Pick “Build your own visualization”
A Community Gallery sheet slides up from the bottom. Click the top-left tile, Build your own visualization (the wrench icon). Don't worry — you're not building anything; this is just how Data Studio loads charts from a path.

Paste the manifest path and Submit
The sheet switches to Community Visualization Developers with a single Manifest path field. Paste your path — for example gs://your-bucket-id — and click Submit.
Two things to get right: it's the bucket path only (Data Studio appends /manifest.json automatically), and there's no trailing slash.

Pick your chart
After Submit, every chart in the library appears as a card — name, thumbnail, description, all 75+ of them. Click a card to add it to your report.

Grant consent to the chart
The first time you add a vizstudio chart, Data Studio opens a Grant consent dialog naming the visualization — for example Interactive Globe (3D Chart), by vizstudio.io. It explains that by selecting Allow you:
- Grant the visualization access to your data, and to render it in this report
- Accept the visualization's Terms of Service and Privacy Policy
- Accept the Data Studio Gallery Terms of Service
Click Allow and the chart drops onto your page, ready for data.
Drop in dimensions and metrics
Select the chart on the canvas. The right panel becomes Community visualization properties with two tabs: Setup and Style. In Setup:
- Confirm the Data source
- Drag a categorical field into the Dimension slot(s)
- Drag a numeric field into the Metric slot(s)
- Add a Sort, Filter, or Date range as needed
- Flip on Cross-filtering under Chart interactions to let clicks filter the rest of the page
The chart re-renders within a second of each change.

Turn on Community visualizations access for your data source
A community chart can only read a data source that has opted in — and that setting is off by default. If your chart sits blank or shows a “this data source doesn't allow community visualizations” message, this is almost always why.
- Open Resource → Manage added data sources, then click Edit beside the source (or click the pencil on the data source in the Setup panel).
- In the data-source field editor, click Community visualization access in the top bar.
- Switch it to Community visualizations access: ON, then click Done to return to your report.
Style it your way
Click the Style tab. Every vizstudio chart ships a panel section per concern — colors, fonts, axes, legend, tooltips, labels, plus chart-specific toggles. Charts inherit your report theme by default, so they match the rest of your dashboard out of the box; override anything you like. Resize with the selection handles — every chart is fully responsive.

Two ways to add the same chart
| Method | Best for | Steps |
|---|---|---|
| Manifest path | Discovery — browse every chart in the library | 1 → 2 → 3 → 4 → 5 → 6 → 7 |
| Component ID | Repeat use of a known chart — paste the path and the chart's ID (e.g. bump-viz) to skip the picker | 1 → 2 → 3 → 4 → 5 → 7, with the Component ID field filled in |
Repeat users with a known component ID get a chart on the page in under 60 seconds.
Troubleshooting
The “Grant consent” prompt keeps coming back
“Failed to load community visualization”
/manifest.json, no trailing slash. If it still fails, reach out and we'll verify your library's access from our side.Chart renders blank, no error
Cross-filter clicks do nothing
Ready to try it with real charts?
Get your manifest path and all 75+ charts — free to start, no credit card.