Guide

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.

⏱ 2–4 minutes UI verified June 2026 75+ charts, one path
Before you start: you'll need edit access to a Data Studio report, at least one connected data source, and your vizstudio manifest path — it looks like 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.
1

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.

Data Studio report open in Edit mode, with the menu bar visible and the View button top-right
2

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”.

Toolbar with the grid-with-a-plus Community visualizations and components button highlighted, between Add a chart and Add a control
Heads-up: the old route via Insert → Community visualizations no longer exists. The toolbar button is the only way in.
3

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.
Community visualizations dropdown showing Featured, Added report resources, and Explore more
4

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.

Community Gallery sheet with the Build your own visualization tile highlighted
5

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.

Manifest path field with a gs:// placeholder path entered and the Submit button highlighted
6

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.

Chart picker showing community visualization cards after submitting the manifest path
The moment you pick a chart, Data Studio asks you to grant consent — that's the next step.
7

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.

It's a one-time, per-chart, per-user consent — the standard gate for any community visualization. Once you've allowed it, the dialog won't return for this chart on your account.
8

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.

Setup tab with dimension and metric slots and the cross-filtering toggle
9

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.
You flip this once per data source (you'll need edit rights on that source). Every vizstudio chart that uses the same source then inherits the access — no need to repeat it. This is separate from the per-chart Grant consent dialog back in step 7.
10

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.

Style tab showing color, font, axis, and legend options for the community chart

Two ways to add the same chart

MethodBest forSteps
Manifest pathDiscovery — browse every chart in the library1 → 2 → 3 → 4 → 5 → 6 → 7
Component IDRepeat use of a known chart — paste the path and the chart's ID (e.g. bump-viz) to skip the picker1 → 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
It's per-user, per-chart. Click Allow once and Data Studio remembers it for your account. If it reappears, you're probably in a shared report under a different Google account — re-add the chart while signed in as the account that will view it.
“Failed to load community visualization”
Almost always a typo in the manifest path. Re-check it character for character — bucket path only, no /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
First, confirm the data source has Community visualizations access: ON (Resource → Manage added data sources → Edit) — it's off by default and is the single most common cause. Next, confirm a dimension and a metric are both filled in — most charts need at least one of each before they can draw. Also check your date range and filters aren't excluding every row.
Cross-filter clicks do nothing
Confirm Cross-filtering is checked in this chart's Setup tab under Chart interactions, and that the other charts on the page share the same dimension — that's what the filter travels on.

Ready to try it with real charts?

Get your manifest path and all 75+ charts — free to start, no credit card.