Skip to content
Graphviz (DOT) templates

Monorepo Dependency Graph

Package dependencies in a typical TypeScript monorepo.

Template previewGraphviz (DOT)
Rendering…

Make it your own.

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

  app_web [label="apps/web", fillcolor="#dcfce7"];
  app_admin [label="apps/admin", fillcolor="#dcfce7"];
  app_api [label="apps/api", fillcolor="#dcfce7"];

  pkg_ui [label="packages/ui", fillcolor="#dbeafe"];
  pkg_core [label="packages/core"];
  pkg_db [label="packages/db"];
  pkg_auth [label="packages/auth"];
  pkg_config [label="packages/config", fillcolor="#fef3c7"];

  app_web -> pkg_ui; app_web -> pkg_core; app_web -> pkg_auth;
  app_admin -> pkg_ui; app_admin -> pkg_core; app_admin -> pkg_auth;
  app_api -> pkg_db; app_api -> pkg_core; app_api -> pkg_auth;
  pkg_ui -> pkg_core; pkg_auth -> pkg_core; pkg_db -> pkg_core;
  pkg_core -> pkg_config; pkg_ui -> pkg_config;
}