Publishing Google Charts with Google Drawings

publish google sheet charts with google drawings

Introduction

Welcome to the third lesson in a four-part lesson for publishing Google Charts. This lesson focuses on the publication of Google Charts with Google Drawings.

In a previous lesson, we learned how to publish charts on their own. We published a Google Sheet to simulate a dashboard. We used a Google Doc to publish the chart and include detailed information. 

Google Drawings has features that make publishing charts easy. Google Drawings allows us to be creative. Charts are often part of infographics. We are using a basic infographic to publish the chart in this lesson. 

Use the link below to see a preview of the final product.

Google Drawings chart preview

Use the links below to get a copy of the Chart and Drawing working documents. 

Google Sheet chart

Google Drawing

The Chart

Take a look at the chart on the Google Sheet. The chart displays the top ten highest mountain peaks in the United States. The data for the chart comes from a Wikipedia article. The link to the articles is available in the Sheet. The data is in the Peaks sheet. 

The Table uses a Query to filter for prominent peaks in the United States. The Google Sheet with the chart doesn’t need to be open. You can close it after reviewing the information.

chart preview in sheets

The Drawing

The template has a background image of the Denali mountain. It has a title and text box with basic information about Denali. There is a place for the chart next to the text box. 

google drawing template preview

Go to the menu and click Insert. Go to the Chart option and select From Sheets.

insert chart from sheets

Look for the spreadsheet titled Highest Mountain Peaks. The preview shows the table and chart in the first sheet. Select the spreadsheet.

selected spreadsheet

The import box displays the only chart in our spreadsheet.

select chart and import

The chart is linked to the spreadsheet; this is important. Select the chart and click Import.

chart linked to spreadsheet option enabled

Resize the chart and place it next to the information box. The chart shows a link to the spreadsheet. We will come back to this later.

chart link to sheet

Click the Share button.

share button

Click the option that reads Change to anyone with the link. 

share link with anyone

Click the Copy link button.

copy the share link

Open a new tab and paste the link into the address bar. The link ends with the word edit and some other information.

edit option in link

Replace edit and anything that comes after, with the word preview. Press the Return key to render the page.

link updated with preview option

Our drawing is nicely published for the world to view.

drawing published

The data in the published drawing is live. Leave the tab open and return to the Drawing tab. Click the Done button to close the link box.

close the link sharing panel

Click once on the chart. Click the Link button and select Open source.

link button on sheet to open the source sheet

The information in the table for the chart is from a Query. Click on the Heading titled Peak. Look at the query in the Formula bar.

Peak heading in table and formula bar

Go into the Formula bar and change the Limit parameter from 10 to 5. The Limit parameter limits the number of results returned in the query. Press the Return key to update the query.

update limit value

The table and chart update

table and chart update on sheet

Return to the Drawings tab. An update button appears next to the Link menu. Click the Update button.

update button on chart in drawing

Go to the published drawing tab. Refresh the page to show the changes.

published drawing with changes

Google Drawings is very useful for creating elaborate documents. An infographic is one document format that works well with charts and drawings. 

The publish option

There is a publishing option for Drawings. This is similar to publish options in Sheets, Docs, and Slides. There is one important difference. The publish option does not provide a web version of the drawing. Let's take a look.

Click File and select Publish to the web.

publish to the web option

Publishing Google Drawings comes with an option to select the resolution of the published image. The medium resolution is recommended. 

medium resolution setting

The other resolution options are small and large. Stick with medium and click the Publish button.

other resolution options

Confirm you want Google to publish the drawing.

confirm publish

A link is generated for the published document. Copy the link; create a new tab and paste the link.

link to published drawing

Press the Return key. You most likely won’t see the chart displayed on the page. The drawing is converted to a PNG image and downloaded to your computer.

This option doesn’t serve us here for what we want to do. It is useful for other purposes. It is a good way to distribute and share images. It is also a good way to embed images in other Google products.

Previous
Previous

Publishing Google Charts with Google Slides

Next
Next

Publishing Google Charts with Google Docs