Tutorial: Add charts to your report

Add data-driven visualizations to your report.
Stopwatch image

Use charts to visualize and explore your data. In this lesson, you'll add a a pie chart, a bar chart and a Geo chart to this report.

This article assumes you are using the [Sample] Google Analytics Data data source, as described in the previous article. If you are using a different data source, you may need to select the appropriate dimensions and metrics for each chart.
In this article:

How to add a chart

To add a chart to the current page:

  1. Edit your report.
  2. Navigate to the page that will contain the chart.
  3. In the tool bar, click Add a chart.
  4. Select the chart you want to add.
  5. Click the canvas to add the chart to the report. 
  6. Select one or more charts to move or resize them as needed.

Animation showing how to add charts

1 Add a pie chart

school icon Use a pie chart to give a general comparison of a small number of metrics or variables. 

Learn more about pie charts.

Pie chart
  1. Following the steps in How to add a chart above, add a Pie Chart to the report. 
  2. On the right, select the DATA tab of the properties panel. 
  3. Click the Source dimension chip to display the Dimension Picker.
  4. Select the User Type dimension.
  5. Click the STYLE tab on the Properties panel.
  6. Use the donut slider to change the solid shape to a ring shape. Adjust the size until it looks like your favorite breakfast food (glazed, or old-fashioned?) Donut slider
  7. Use the Legend property to position the metric labels under the pie: Label position

Use the Dimension Picker's search box to find dimensions and metrics quickly: Search icon

 

2 Add a bar chart

school icon Bar charts are great for showing and comparing the magnitude of multiple variables. 

Learn more about bar charts.

Bar chart example
  1. Following the steps in How to add a chart above, add a Bar Chart to the report. 
  2. Select the DATA tab.
  3. Click the Source dimension to display the Dimension Picker, then change the dimension to Browser.
  4. Click the return arrow: Return arrow icon
  5. Click the Sessions metric and change it to Users.
  6. Select the STYLE tab in the properties panel.
  7. Change the orientation to horizontal: horizontal orientation icon
  8. Scroll to the bottom of the STYLE tab.
  9. Set the border color to gray: Border color icon

 

3 Add a Google Map

school icon Use a Google Map to see the distribution of sessions (or other metrics) across the world.

For Google Analytics data, Data Studio automatically selects the geographic dimension. If you are using a different data source, be sure it contains a valid geo dimension.

Learn more about Google Maps.

Geomap example
  1. Following the steps in How to add a chart above, add a Google Map to the report. Choose the bubble map style.
  2. In the DATA tab, click the default Location field and replace it with the City dimension.
  3. Add metrics for bubble color and bubble size. For example, select Sessions for Size, and Average time on Page for Color.
  4. Select the STYLE tab in the properties panel.
  5. Use the sliders to adjust the background details, such as roads, landmarks, and labels.
  6.  In the Colors section, select colors for the range of metric values.
  7. In the Map Controls section,  turn on or off the map controls you want to let your viewers use.
  8. View your report.
    1. Pan, zoom, scroll - you can even use Street View!

Next step

Congratulations! You've created your first Data Studio report!

If you like, spend some time playing around: add titles, change colors and styles, add more visualizations. When you're ready to move on, the next lesson is waiting for you:

View and share your report

Chart references

Was this helpful?
How can we improve it?

Need more help?

Sign in for additional support options to quickly solve your issue