Javascript required
Skip to content Skip to sidebar Skip to footer

How to Make Rings With Google Drawings

Creating the outer body of your radial chart

  • In your presentation, select the slide you want to add a radial chart to.
  • Then select Shape → Shapes → Pie.
  • Click and drag to create the pie while holding down Shift. This is to maintain its proportion.
  • To style it, use the option Fill color and fill it with the template's main color themes (always the best way to go!) and make its borders transparent for a sleeker look with Border color.
Creating the outer body of your radial chart
  • Click on the pie to select it.
  • You'll see a selection square with blue and yellow dots. Hover your cursor over any of the yellow dots and the cursor becomes a cross. Now, click and drag to resize the area of the pie.
Resizing the outer body
  • Nice work! You have created the main outer body of your radial chart. Now, copy and paste it (Ctrl C + Ctrl V or Cmd C + Cmd V in Mac) to duplicate this pie. We will use this as a base to build a secondary piece of the outer body of the radial chart.
  • Place the duplicated pie right over the original one. There should be no protruding areas and it should appear as one single pie. Use Google Slides' visual guidelines (the red lines that appear as you move the duplicated pie) to help with proper positioning.
Duplicating the pie
  • Now, rotate this second pie so that it is visible. To do this, click on it to bring up its  selection square. Click and drag its rotation axis (the blue round dot to the north of the pie upon selecting it).

Pro tip: Hold down Shift while dragging to rotate it in 15º increments.

Rotating the pie
  • To resize it, select it to bring up the selection square. Now as you did with the first, simply click on the yellow dot and drag it to resize its area.
Creating the secondary outer body of your radial chart
  • We will now make this secondary piece smaller. You may do so by selecting it, clicking on any of the blue dots that appear, and dragging it inwards.
  • We want to put some space between the two pieces. Shift the secondary piece away and resize it until it aligns with the main piece enough so that their combined outlines resemble a circle as much as possible.
Separating the two pieces
  • Adjust the area of the second (smaller) piece by dragging the yellow dot until its radial lines are parallel to that of the first (larger) piece.
  • You may need to continue adjusting its position so that it is properly aligned with the main piece.
Modifying the angles of the second piece

Creating an inner body and styling it

Adding data labels to the radial chart

Connecting the labels to the radial chart

Adding titles and descriptive texts

  • Click on Insert → Text box. In the text box, type in the titles. Just as we did before, maintain the template's typefaces and color and make sure the elements are centrally aligned in relation to one another. In this case, the title should be centrally aligned with its corresponding label.
Adding a title and styling it
  • Select the text box and duplicate it by using Ctrl C + Ctrl V or Cmd C + Cmd V in Mac.
  • Place it beneath the second label. Use the visual guidelines to align the second text box with the first one and with its corresponding label.
  • Edit the text as desired.
Duplicating the title
  • Select Insert → Text box again. Now that we have the titles, let's add descriptions for context!
  • Click and drag to create a text box under the title and write your description.
  • Style it as desired. As we did with the titles and the label texts, centralize the descriptions within the text boxes and in relation to the title.

Related tutorial: How to Format the Text in Google Slides

Adding a description
  • Copy and paste (Ctrl C + Ctrl V or Cmd C + Cmd V in Mac) to duplicate the description.
  • Make sure it's horizontally aligned with the first description and vertically with its corresponding title. Use Google Slides' visual guidelines to help you.
  • Give yourself a pat on the back. You've just created a beautiful radial chart in Google Slides!
Completing the radial chart

Slidesgo has a wide range of gorgeous templates that you can use and customize. Take a look at our free Google slides themes now!

How to Make Rings With Google Drawings

Source: https://slidesgo.com/slidesgo-school/google-slides-tutorials/how-to-make-a-radial-chart-in-google-slides