Module Dependency Graph (Graphviz)

Visualize how application modules depend on each other.

Graphviz (DOT)Architecture Graphviz (DOT) syntax docs

Template previewGraphviz (DOT)

Rendering…

Make it your own.

digraph Deps {
  rankdir=BT;
  node [shape=box, style="rounded,filled", fillcolor="#eef2ff", fontname="Helvetica"];
  edge [color="#94a3b8"];

  "ui" -> "components";
  "ui" -> "store";
  "components" -> "store";
  "store" -> "api";
  "api" -> "http";
  "api" -> "types";
  "components" -> "types";
  "store" -> "types";
}