{ }DevToolsDaily
ToolsInterview Prep
New
CheatsheetsDirectoryMy spaceBlog
Ctrl + K
Ask AI

Graphviz Node Shapes

Graphviz sets a node's appearance with the shape attribute, e.g. a [shape=box]. The table below lists every built-in Graphviz node shape with a live rendered preview and the exact DOT code you can copy into the online Graphviz editor.

Node shapes
Node shapeExampleGraphviz code
box
digraph G {
  a [shape=box label="a"]
}
ellipse
digraph G {
  a [shape=ellipse label="a"]
}
circle
digraph G {
  a [shape=circle label="a"]
}
diamond
digraph G {
  a [shape=diamond label="a"]
}
plaintext
digraph G {
  a [shape=plaintext label="a"]
}
point
digraph G {
  a [shape=point label="a"]
}
polygon
digraph G {
  a [shape=polygon label="a"]
}
rect
digraph G {
  a [shape=rect label="a"]
}
record
digraph G {
  a [shape=record label="a|b|c"]
}
Mrecord
digraph G {
  a [shape=Mrecord label="a|b|c"]
}
square
digraph G {
  a [shape=square label="a"]
}
star
digraph G {
  a [shape=star label="a"]
}
none
digraph G {
  a [shape=none label="a"]
}
trapezium
digraph G {
  a [shape=trapezium label="a"]
}
triangle
digraph G {
  a [shape=triangle label="a"]
}
house
digraph G {
  a [shape=house label="a"]
}
invhouse
digraph G {
  a [shape=invhouse label="a"]
}
parallelogram
digraph G {
  a [shape=parallelogram label="a"]
}
hexagon
digraph G {
  a [shape=hexagon label="a"]
}
septagon
digraph G {
  a [shape=septagon label="a"]
}
octagon
digraph G {
  a [shape=octagon label="a"]
}
doublecircle
digraph G {
  a [shape=doublecircle label="a"]
}
doubleoctagon
digraph G {
  a [shape=doubleoctagon label="a"]
}
tripleoctagon
digraph G {
  a [shape=tripleoctagon label="a"]
}
invtriangle
digraph G {
  a [shape=invtriangle label="a"]
}
Mdiamond
digraph G {
  a [shape=Mdiamond label="a"]
}
Msquare
digraph G {
  a [shape=Msquare label="a"]
}
Mcircle
digraph G {
  a [shape=Mcircle label="a"]
}
note
digraph G {
  a [shape=note label="a"]
}
tab
digraph G {
  a [shape=tab label="a"]
}
folder
digraph G {
  a [shape=folder label="a"]
}
box3d
digraph G {
  a [shape=box3d label="a"]
}
component
digraph G {
  a [shape=component label="a"]
}
promoter
digraph G {
  a [shape=promoter label="a"]
}
cds
digraph G {
  a [shape=cds label="a"]
}
terminator
digraph G {
  a [shape=terminator label="a"]
}
utr
digraph G {
  a [shape=utr label="a"]
}
primersite
digraph G {
  a [shape=primersite label="a"]
}
restrictionsite
digraph G {
  a [shape=restrictionsite label="a"]
}
fivepoverhang
digraph G {
  a [shape=fivepoverhang label="a"]
}
threepoverhang
digraph G {
  a [shape=threepoverhang label="a"]
}
noverhang
digraph G {
  a [shape=noverhang label="a"]
}
assembly
digraph G {
  a [shape=assembly label="a"]
}
signature
digraph G {
  a [shape=signature label="a"]
}
insulator
digraph G {
  a [shape=insulator label="a"]
}
ribosite
digraph G {
  a [shape=ribosite label="a"]
}
rnastab
digraph G {
  a [shape=rnastab label="a"]
}
proteasesite
digraph G {
  a [shape=proteasesite label="a"]
}
proteinstab
digraph G {
  a [shape=proteinstab label="a"]
}
rpromoter
digraph G {
  a [shape=rpromoter label="a"]
}
larrow
digraph G {
  a [shape=larrow label="a"]
}
rarrow
digraph G {
  a [shape=rarrow label="a"]
}
lpromoter
digraph G {
  a [shape=lpromoter label="a"]
}

See also

How to Connect Graphviz Edges to Node Sides and Table PortsHow to Align Graphviz Nodes on the Same RankHow to Draw Edges Between Graphviz ClustersHow to Add Multiline Labels in GraphvizGraphviz Online EditorGraphviz ExamplesGraphviz in PythonCreate a Decision Tree in GraphvizGraphviz CheatsheetInteractive Graphviz TutorialGraphviz vs MermaidJS