Slidesgo

How to Create an Organizational Chart in Google Slides

How to Create an Organizational Chart in Google Slides | Schnelle Tipps & Tutorials für deine Präsentationen

Freigeben

An organizational chart depicts the different relationships in a company using graphics and helps viewers understand and visualize its structure and hierarchy. It comes in particularly useful in business plans, pitch decks, company presentations, etc. 

There are two ways to create an organizational chart in Google Slides. The easier way would be to use one of their built-in diagram templates as a base and edit it accordingly. If you prefer to have a more customized organizational chart, you may design one from scratch. In this tutorial, we’ll explain how you can do both. 

Using an organizational chart template

  • Open your presentation and select the slide you want to add the organizational chart to.
  • Then select Insert → Diagram. This opens up a sidebar on the right showing the different types of diagrams. Select Hierarchy.
Inserting a diagram
  • Choose the type of structure that best fits your needs and the number of levels you want your organizational chart to have. At this point, you can also change the base color of the chart.
Choosing between different types of diagrams 
  • To style the elements of the organizational chart, use the options Fill color and/or Border color. You may do it by selecting one element at a time.
Changing the color of a diagram’s element

Pro tip: You can select various elements and style them all at one go. Select elements of the same type (eg. all the lines or all the ovals) one by one while holding down Shift.  

Changing the colors of the diagram’s elements in one go 
  • Style the texts using the options Font, Font size, and Text color while maintaining the typefaces and colors used in the template. You could also use the Align option, but most built-in diagrams are already centrally aligned, which is usually the most visually appealing option.
Styling texts in a diagram

Creating an organizational chart from scratch

  • Start by defining the structure, layers, and shapes of your organizational chart. organizational charts consist of very simple shapes connected by lines or arrows. In this case, we’ll use a horizontal layout of three layers made up of circles and rectangles.
  • Select Insert →  Shape → Shapes → Oval. Click and drag to create the shape to create it. This will contain the main element of the organizational chart.

Pro tip: To create a perfect circle, hold down Shift while dragging. 

Creating the main element of the organizational chart 
  • Style it by using the option Fill color. As a rule of thumb, continue using the theme’s main colors. Here, we’ll also select the option Transparent under Border color.
Styling the element 
  • Select Insert →  Shape → Shapes → Rectangle. Click and drag to create the first of two rectangles that will form the second layer of the organizational chart. 
    Place it as desired and replicate it with Ctrl C + Ctrl V or Cmd C + Cmd + V in Mac.
Creating the second layer of elements
  • Select them both by holding down Shift (you could also click and drag your cursor over an area containing the two elements).
  • Style them by using the options Fill color and Border color. In this case, we’ll be choosing Transparent under Fill Color so that only the outlines are visible.
Styling two elements together
  • We’ll now create the third layer of your organizational chart. To do that, we’ll need additional circles. You may simply select the main circle and copy and paste it (Ctrl C + Ctrl V or Cmd C + Cmd V in Mac).
  • Resize the new circle by clicking on it to bring up its outline. Now, click on any of the corner blue dots and drag it inwards to make it smaller (remember to hold down Shift to maintain its circular dimensions). This is the first element of the third layer of the organizational chart.
  • Copy and paste the circle using Ctrl C + Ctrl V or Cmd C + Cmd V in Mac three more times.
  • Align the elements horizontally and vertically. By moving the object slowly, Google Slides’ visual guidelines will prompt you when you arrive at an equidistant point.

Related tutorial: How to Arrange and Align Objects in Google Slides

Creating the third layer of elements

Pro tip for Windows: Instead of copying and pasting an element with Ctrl C + Ctrl V or Cmd C + Cmd V in Mac, you can duplicate it by holding down Ctrl + Shift or Cmd + Shift in Mac and dragging it to its desired position. Once you have it in place, press Ctrl + Shift + Z or Cmd + Shift + Z in Mac to repeat the same action. This is the “redo” option and it helps to ensure that all elements are equidistant.  

Pro tip for Mac: To duplicate an element by dragging it, press Cmd + Option/alt (⌘ +⌥). Then use the “redo” option with ⌘ + Shift + Z.  

Replicating elements equidistantly with the ‘redo’ option 

Using connectors in an organizational chart 

  • Select Insert → Line → Elbow Connector. We will use this to connect the elements of the organizational chart to portray the relationship between them.
  • Hover your cursor over the main circle to bring up an outline with violet dots.
  • Click on the desired dot you want the line to be connected to and drag out the line until you reach the corresponding dot of the first rectangle. This represents their connection.
  • Repeat to connect the second rectangle with the same line type, Elbow Connector.
Using elbow connectors
  • Continue to connect the elements of the third layer with those of the second with Elbow Connectors (and lines if needed) until all the connections of your organizational chart are completed.
  • To style all the lines in one step, select each line while holding down Shift. Use the options Line color and Line weight (remember to use theme colors!).
Completing all the connections of the organizational chart 

Adding texts to an organizational chart 

  • Double click on a shape to bring up the text box. Type in the titles of your organizational chart. Do this for the main circle and the second layer. The circles of the third layer may be too small for text. You may add an abbreviation instead. (We’ll go more into this later.)
Writing titles for the elements 
  • Select the text and style it with the Font, Font size, Text color and Align options. As always, to ensure your design is visually consistent, remember to use the same typefaces and colors in the rest of the template. Do not forget to centralize your text.
Styling texts 
  • If the third layer’s elements are too small to fit text, you can assign a letter (as we’ve done in our example) or abbreviation to it and add short descriptions next to it. Select Insert → Text box. Then click and drag to create the text box. Type in your description in this text box.
  • Use the Font, Font size, Text color and Align options to style the text.
Adding descriptions to the organizational chart
  • Copy and paste the text box (Ctrl C + Ctrl V or Cmd C + Cmd V in Mac) and place them next to the remaining circles and adapt your text.
Completing the organizational chart 
  • High five! You’ve just nailed a customized organizational chart in Google Slides.

At Slidesgo, we offer a huge spectrum of beautiful templates that is completely free to download, edit, and customize. Check out our free Google slides themes today!

 

Assoziierte Tutorials

How to Create a Venn Diagram in Google Slides | Schnelle Tipps & Tutorials für deine Präsentationen

How to Create a Venn Diagram in Google Slides

If you wish to give an awesome presentation, using diagrams is great because they make your data look nicer and help your audience understand your points.In this Slidesgo School article, we’ll teach you how to create Venn diagrams in Google Slides so you can have them in your bag of...

How to Create a Venn Diagram in PowerPoint | Schnelle Tipps & Tutorials für deine Präsentationen

How to Create a Venn Diagram in PowerPoint

How many times did you have to explain your data with a PowerPoint presentation and you weren’t able to find the most visual way to do it? To help you with this matter easily and quickly, in this Slidesgo School post we will explain how to insert a Venn diagram...

How to add and edit maps in Google Slides | Schnelle Tipps & Tutorials für deine Präsentationen

How to add and edit maps in Google Slides

Map infographics are very useful for any presentation, as they allow you to transmit data quickly and easily.  In this post we are going to explain how to include and edit maps in your Google Slides presentations.   Inhalt When and why use map infographics? How to insert a map into...

How to create and format maps in PowerPoint | Schnelle Tipps & Tutorials für deine Präsentationen

How to create and format maps in PowerPoint

One of the biggest challenges when making a presentation is talking about data. To make it as less tedious as possible and easy to understand, it is preferable to use visual resources instead of text. Map infographics are representations that, at a glance, help us assimilate data better and faster. ...

Infographics: How Can They Improve Your Presentation? | Schnelle Tipps & Tutorials für deine Präsentationen

Infographics: How Can They Improve Your Presentation?

What is an infographic presentation? Maybe the word “infographics” rings a bell. Indeed, companies make use of this sort of depiction, but what are they? To put it in a nutshell, they are visual representations of data, but made in an analytical and effective way.  They need to be visually appealing,...

How to Insert Infographics in Google Slides | Schnelle Tipps & Tutorials für deine Präsentationen

How to Insert Infographics in Google Slides

Does the word “infographics” ring a bell? Those are diagrams that work as visual aids. You can present difficult concepts, processes, steps and the like in a very simple way. They can include texts, numbers or icons. Likewise, they can have different shapes and designs. Of course, there are different types...