Create New Graph

The Language

We use The Dot language to describe graphs. You can omit graph Name {} declaration. So that we will guess.

Here is small example: Example Graph

### Water circulation
## by Sample Creator
Water -> ice
Water -> steam
Water -> water
water -> ice [label="freezing"]
steam -> water [label="cooling"]
Water [shape=doublecircle]
{rank = same; ice; water; steam}

Extensions

First line starting with ### is a graph title. First line which starts with ## is author name. They will be displayed above your graph. You can also write comments starting with # they all will be presented under graph while viewing.

Tips and Tricks

  • Dot has several layout engines, namely dot, neato, twopi, circo, fdp, sfdp. You can experiment with them by writing layout=engine inside your graph. Default is layout=dot.
  • You can scale your graph by writing size="width, height". It's bounding box of graph and it's in inches. But just experiment with some values.
  • You can place a label under your graph by writing label="Text"
  • Experiment with rankdir=LR if your graph is too wide (other values BT, TB, RL)