Skip to content
Graphviz (DOT) templates

OKR Cascade

Company → team → individual objective alignment.

Template previewGraphviz (DOT)
Rendering…

Make it your own.

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

  CO [label="Company O:\nBecome the default for diagram-as-code", fillcolor="#fce7f3"];
  CK1 [label="KR1: 100k MAU", fillcolor="#fce7f3", style="rounded,filled"];
  CK2 [label="KR2: 30% week-2 retention"];
  CK3 [label="KR3: NPS 45"];

  EO [label="Eng O: Make editing feel like Figma", fillcolor="#dbeafe"];
  EK1 [label="KR: ship Weave"];
  EK2 [label="KR: <100ms canvas FPS"];

  GO [label="GTM O: Reach researchers", fillcolor="#dcfce7"];
  GK1 [label="KR: 50 university trials"];
  GK2 [label="KR: 1k newsletter subs"];

  CO -> CK1 -> EO; CO -> CK2 -> EO; CO -> CK3 -> GO;
  EO -> EK1; EO -> EK2;
  GO -> GK1; GO -> GK2;
}