Draw.io is a macro that enables you to produce your organization charts very easily as well as workflows and network diagrams.

Step 1: Click on '+' on the menu bar, then select 'other macros

Image Modified

Tip
Easy access of macros: type the symbol { then type the name of a macro. If you are not sure of the exact name, once you enter the symbol { click on 'open macros browser'

Step 2: Search Draw.io and click to insert

Step 3: Select the blank diagram or any other recent diagram.

Step 4: Start editing and adding boxes.

View file

name	how to add text boxes in draw io.mov
height	250

Step 5: Use this organogram as an example. Its main objective is to display ´who does what´ and how a unit is organized.

Info

title	COLOR CODES FOR TEXT BOXESTIP: Color codes for text boxes

UNEP brand

blue

color:

Option 1: 00AEEF

Option

Option 2: RGB: 27-161-226

Image Modified

Light blue:

Option 1: E7FEFF

Option 2: RGB: 231-254-225

Image Modified Image Modified

How to add images to your draw.io diagram

Access the attachements section on your page
Attach them to your page
Image Added
Attach images
Image Added
Edit diagram and select plus sign in the top bar and click on image gather them from parage and select/saveto add the attached pictures.
Image Added
Select the image you would like to insert and click apply

Image Added
Move and resize the picture to the correct place in the org chart and save the diagram.

Image Added