Continue with your diagram from Exercise 2, or open the diagram below in draw.io (hover then click on the ‘Open’ icon), or right click and download this sample diagram: drawio-colored-tree-diagram.xml
This time you aren’t just changing the colors, but you will change their shapes, sizes and rotations, as well as copy multiple shapes. Try to get your edited diagram close to the result below.
- Duplicate the entire diagram and paste it below the original.
- Duplicate parts of the diagram and make your diagram match the target diagram below.
- Change the red rectangle to a cube.
- Flip the cube (in the Arrange tab of the format panel on the right)
- Convert all blue rectangles to clouds.
- Rotate the three lower clouds in different directions (the rotation doesn’t need to be accurate).
- Rotate the two yellow rectangles.
- Duplicate and move the yellow rectangles and connectors.
- Save and close the diagram.
draw.io – your target tree diagram
To duplicate the entire diagram, you must first select everything: Cmd / Ctrl + A, or Edit > Select All.
You can duplicate only certain areas of a diagram. Make sure that all objects and connectors you want to duplicate are selected.
Duplicate the diagram or the selected shapes by right-clicking and select Duplicate, or using the menu Edit > Duplicate.
To convert a shape, drag the desired shape over the already existing one until you see the black conversion symbol. You can do this to more than one shape at a time.
You can flip shapes using the Arrange tab in the format panel on the right. You can choose to flip the shape vertically or horizontally.
There are a couple of ways to rotate shapes:
- Use the black rotate symbol. This is displayed when you select a shape.
- Change the angle of the shape or rotate it 90° in the Arrange tab in the format panel on the right.
In the next exercise in this basics training course, we’ll look at how to add text and labels, and work with connectors.