Following the steps in How to add a chart, add a Google Map to the report. Choose the bubble map style.
In the Properties panel, select the SETUP tab.
Click the default Location field and replace it with the City dimension.
Add metrics for bubble color and bubble size. For example, select Sessions for Size, and Average time on Page for Color.
Select the Style tab.
Use the sliders to adjust the background details, such as roads, landmarks, and labels.
In the Colors section, select colors for the range of metric values.
In the Map Controls section, turn on or off the map controls you want to let your viewers use.
View your report. Pan, zoom, and scroll. You can also use Street View!
Next step
Congratulations! You've created your first Looker Studio report!
If you'd like, add titles, change colors and styles, add more visualizations. When you're ready to move on, begin the next lesson: View and share your report.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Hard to understand","hardToUnderstand","thumb-down"],["Incorrect information or sample code","incorrectInformationOrSampleCode","thumb-down"],["Missing the information/samples I need","missingTheInformationSamplesINeed","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2025-08-28 UTC."],[],[],null,["# Tutorial: Add charts to your report\n\nUse charts to visualize and explore your data. In this lesson, you'll add a pie chart, a bar chart and a Geo chart to this report.\n| **Important:** This page assumes you are using the `[Sample] Google Analytics Data` [data source](/looker/docs/studio/data-source), as described in the [Create a new report](/looker/docs/studio/tutorial-create-a-new-report) tutorial. If you are using a different data source, you may need to select the appropriate dimensions and metrics for each chart.\n\nHow to add a chart\n------------------\n\nTo add a chart to the current page:\n\n1. Edit your report.\n2. Navigate to the page that will contain the chart.\n3. In the toolbar, click **Add a chart**.\n4. Select the chart you want to add.\n5. Click the canvas to add the chart to the report.\n6. Select one or more charts to move or resize them as needed.\n\nStep 1: Add a pie chart\n-----------------------\n\nUse a pie chart to give a general comparison of a small number of metrics or variables.\n\n[Learn more about pie charts](/looker/docs/studio/pie-chart-reference).\n\n1. Following the steps in \\[How to add a chart\\](#how-to-add-a-chart), add a **Pie Chart** to the report.\n2. In the **Properties** panel, select the **SETUP** tab.\n3. Click the **Source** dimension chip to access the **Dimension Picker**.\n4. Click the **User Type** dimension.\n5. Click the **STYLE** tab.\n6. Use the donut slider to change the solid shape to a ring shape.\n7. Use the **Legend** property to position the metric labels under the pie:\n\n| **Tip:** Use the **Dimension Picker's** search box to find dimensions and metrics quickly:\n\nStep 2: Add a bar chart\n-----------------------\n\nBar charts are great for showing and comparing the magnitude of multiple variables.\n\n[Learn more about bar charts](/looker/docs/studio/bar-chart-and-column-chart-reference).\n\n1. Following the steps in [How to add a chart](#how-to-add-a-chart), add a **Bar Chart** to the report.\n2. In the **Properties** panel, select the **SETUP** tab.\n3. Click the **Source** dimension and change it to **Browser**.\n4. Click the return arrow:\n5. Click the **Sessions** metric and change it to **Users**.\n6. Click the **STYLE** tab.\n7. Change the orientation to **Horizontal** :\n8. Scroll to the **Background and Border** section of the **STYLE** tab.\n9. Set the **Border color** to gray:\n\nStep 3: Add a Google Map\n------------------------\n\nUse a Google Map to see the distribution of sessions (or other metrics) across the world.\n| **Note:** For Google Analyticss data, Looker Studio automatically selects the geographic dimension. If you are using a different data source, be sure it contains a valid geo dimension.\n\n[Learn more about Google Maps](/looker/docs/studio/google-maps-reference).\n\n1. Following the steps in [How to add a chart](#how-to-add-a-chart), add a **Google Map** to the report. Choose the bubble map style.\n2. In the **Properties** panel, select the **SETUP** tab.\n3. Click the default **Location** field and replace it with the **City** dimension.\n4. Add metrics for bubble color and bubble size. For example, select **Sessions** for **Size** , and **Average time on Page** for **Color**.\n5. Select the **Style** tab.\n6. Use the sliders to adjust the background details, such as roads, landmarks, and labels.\n7. In the **Colors** section, select colors for the range of metric values.\n8. In the **Map Controls** section, turn on or off the map controls you want to let your viewers use.\n9. View your report. Pan, zoom, and scroll. You can also use [Street View](https://www.google.com/streetview/)!\n\nNext step\n---------\n\nCongratulations! You've created your first Looker Studio report!\n\nIf you'd like, add titles, change colors and styles, add more visualizations. When you're ready to move on, begin the next lesson: [View and share your report](/looker/docs/studio/tutorial-view-and-share-your-report).\n\nRelated resources\n-----------------\n\n[Types of charts in Looker Studio](/looker/docs/studio/types-of-charts-in-looker-studio)"]]