Automatic Layouts

media_1481484496903.png

media_1481484567738.png

Tree Graph

media_1481484454143.png

This layout is used to draw hierarchical diagrams.

It arranges shapes in a tree structure and aligns them evenly based on their hierarchical level.

Layered (Sugiyama) graph

media_1481484594579.png

This layout is used to draw layered networks that usually represent dependency relations.

It minimizes the number of connector crossings and spreads shapes evenly.

Creating Overlaps

Bring Forward

media_1481484320485.png

You can overlap shapes within the Diagram.

media_1481484287270.png

To arrange a shape to be in front of another shape, select the shape and click the Bring to Front or Bring Forward items.

media_1481484344197.png

Send Backward

media_1481484357205.png

To arrange a shape to be in back of another shape, select the shape and click the Send to Back or Send Backward items.

Rotating Shapes

media_1481484232028.png

You can rotate shapes clockwise or counter clockwise.

Click on the shap you want to rotate.

Rotate by Hand

media_1481484261541.png

You can rotate a shape by hand when selecting the shape and dragging the Rotation icon.

Nudging Shapes

media_1481484174620.png

To help with shape positioning, you are able to nudge the shape in small increments.

Click on the shape and click the Up Arrow, Down Arrow, Right Arrow, or Left Arrow to move the shape.

Customizing Connections

media_1481483535254.png

media_1481483561060.png

Thickness

media_1481483601076.png

media_1481483677526.png

Connection End Points

media_1481483880606.png

Connection end points are where the connector attaches to the shapes.

There are several types of connection end points that can be selected.

media_1481483727534.png

To change the type of beginning connector point, click the Begin Arrow and select the desired end point.

media_1481483758952.png

To change the type of ending connector point, click the End Arrow and select the desired end point.

Type

media_1481483839274.png

The type of connection can be changed to Straight, Right Angle and/or Curved.

Color

media_1481484106273.png

Under the Shape Styles group, click the Border Color drop down.

Select the color to be changed.

Connecting Shapes

media_1481483215355.png

In the Tools group, select the Connector option.

media_1481483232444.png

Click on the first shape that will start the connection.

media_1481483281333.png

While keeping the mouse button down, drag to the second shape.

Adding Text to your Shapes

media_1481482891679.png

Select the shape that will have text added.

media_1481482905629.png

In the properties panel, select the Content field and type in the text to be shown.

media_1481482921633.png

media_1481482932745.png

The text alignment can be changed by clicking the items within the Paragraph group.

Selecting a Style

media_1481482298810.png

To set a specific style to a Shape, select the Shape.

media_1481482315981.png

Once a Shape is selected, the Style page will be shown.

Click the Home page.

Under the Shape Styles group, select the Style you would like to add to the Shape.

media_1481482346564.png

The selected Shape will take on the Style that was selected.