Download raw (1.6 KB)

## Shape

It is possible to set a different shape for nodes
You can set it for all nodes with:
`node [shape=house];`

Or. For an individual node with:
`"A star!" [shape=star];`

<https://www.graphviz.org/doc/info/shapes.html>


## Difference in name and label

For nodes with complex labels, you can make an alias by giving the node a name, and giving it a label:
`"Node with complex text";` becomes `complexnode [label="Node with complex text"]`;

<https://www.graphviz.org/docs/attrs/label/>


## HTML in a label

It is possible to insert a subset of HTML in the label.

`nodename [label=<part of this label is <b>bold?</b>>]`

- `<b>`
- `<br/>`
- `<font>`
- `<hr>`
- `<i>`
- `<img> (in <td>…</td> only)`
- `<o>`
- `<s>`
- `<sub>`
- `<sup>`
- `<table>`
- `<tr>`
- `<u>`
- `<vr> `

## Make the label clickable

With the URL attribute a label becomes a link!
`"Our website!" [URL="http://osp.kitchen"]`

Links only work in PDF and svg output.
<https://www.graphviz.org/docs/attrs/URL/>


## Different splines

Adjusts the shape of the edges connecting the nodes.

- `graph [spline=line]`
- `graph [spline=polyline]`
- `graph [spline=spline]`

## Separting nodes

Adjusts the spacing between nodes for the `dot` engine.

`node [ranksep=2.5, nodesep=0.8];` 

<https://www.graphviz.org/docs/attrs/nodesep/>
<https://www.graphviz.org/docs/attrs/ranksep/>


## Changing the font of the node

mynode [fontname="AVHershey Simplex"]

<https://www.graphviz.org/docs/attrs/fontname/>


## Generating a bigger image

With the `dpi` attribute the resolution of the graph can be controlled:
`graph [dpi=300]`

<https://www.graphviz.org/docs/attrs/dpi/>