Skip to content
flowss
Start freeChecking your session
Graphviz (DOT) templates

Common Chord Progressions

Roman-numeral chord progressions and which keys they fit.

Graphviz (DOT)MathematicsGraphviz (DOT) syntax docs
Template previewGraphviz (DOT)
Rendering…

Make it your own.

digraph chord {
  rankdir=LR;
  graph [bgcolor=transparent];
  node [shape=box, style="rounded,filled", fontname=Inter, fontsize=10, fillcolor="#dbeafe"];

  I [label="I"]; ii [label="ii"]; iii [label="iii"]; IV [label="IV"]; V [label="V", fillcolor="#fef3c7"]; vi [label="vi"]; viiD [label="vii°"];

  I -> IV -> V -> I [label="I-IV-V-I (12-bar)"];
  I -> V -> vi -> IV [label="I-V-vi-IV (pop)"];
  ii -> V -> I [label="ii-V-I (jazz)"];
  vi -> ii -> V -> I [label="vi-ii-V-I"];
}