Skip to content
Graphviz (DOT) templates

Bill of Materials Tree

Indented BOM for a finished product with sub-assemblies and raw parts.

Template previewGraphviz (DOT)
Rendering…

Make it your own.

digraph bom {
  rankdir=TB;
  graph [bgcolor=transparent];
  node [shape=box, style="rounded,filled", fontname=Inter, fontsize=10];

  Bike [label="Bicycle (FG-100)", fillcolor="#fce7f3"];
  Frame [label="Frame assembly", fillcolor="#dbeafe"];
  Wheels [label="Wheel set ×2", fillcolor="#dbeafe"];
  Drive [label="Drivetrain", fillcolor="#dbeafe"];
  Pkg [label="Packaging kit", fillcolor="#dcfce7"];

  Tube [label="Tubing 6061 ×4 m", fillcolor="#fef3c7"];
  Lugs [label="Welded lugs ×6"];
  Hub  [label="Hub assy"];
  Rim  [label="Aluminium rim"];
  Sp   [label="Spokes ×32"];
  Ti   [label="Inner tube"];
  Tr   [label="Tyre"];
  Cr   [label="Crankset"];
  Cs   [label="Cassette"];
  Ch   [label="Chain"];

  Bike -> Frame; Bike -> Wheels; Bike -> Drive; Bike -> Pkg;
  Frame -> Tube; Frame -> Lugs;
  Wheels -> Hub; Wheels -> Rim; Wheels -> Sp; Wheels -> Ti; Wheels -> Tr;
  Drive -> Cr; Drive -> Cs; Drive -> Ch;
}