Dependency wheels (also called circular chord dependency diagrams) arrange nodes around a circle and draw weighted ribbons between connected nodes. Unlike chord diagrams which show bidirectional flow, dependency wheels typically emphasize directional relationships — making them ideal for visualizing software module dependencies or organizational communication patterns.

Subtype

▾

Live Preview

This chart type requires a Pro license.

Please upgrade to unlock advanced visualizations.

{
  "title": {
    "text": "Monorepo Module Dependencies"
  },
  "data": [
    {
      "from": "api-gateway",
      "to": "auth-service",
      "weight": 8
    },
    {
      "from": "api-gateway",
      "to": "user-service",
      "weight": 12
    },
    {
      "from": "api-gateway",
      "to": "product-service",
      "weight": 10
    },
    {
      "from": "auth-service",
      "to": "database",
      "weight": 6
    },
    {
      "from": "auth-service",
      "to": "cache",
      "weight": 4
    },
    {
      "from": "user-service",
      "to": "database",
      "weight": 9
    },
    {
      "from": "user-service",
      "to": "email-service",
      "weight": 5
    },
    {
      "from": "product-service",
      "to": "database",
      "weight": 11
    },
    {
      "from": "product-service",
      "to": "cache",
      "weight": 7
    },
    {
      "from": "product-service",
      "to": "search-service",
      "weight": 6
    },
    {
      "from": "email-service",
      "to": "queue",
      "weight": 4
    },
    {
      "from": "search-service",
      "to": "database",
      "weight": 8
    },
    {
      "from": "analytics",
      "to": "api-gateway",
      "weight": 3
    },
    {
      "from": "analytics",
      "to": "database",
      "weight": 5
    }
  ],
  "series": [
    {
      "type": "dependencywheel",
      "sourceKey": "from",
      "targetKey": "to",
      "valueKey": "weight",
      "fills": [
        "#6366f1",
        "#8b5cf6",
        "#f43f5e",
        "#f59e0b",
        "#10b981",
        "#06b6d4",
        "#ec4899"
      ],
      "fillOpacity": 0.7
    }
  ]
}

Edit JSON above · auto-previews after 0.9 s

Module import dependencies within a Node.js monorepo visualized as a circular dependency wheel.

PreviousChord Diagrams Next Gantt Charts

Was this article helpful?