{
  "version": "xarts.graph-relations/1",
  "family": "graph-relations",
  "operation": "relational-tree",
  "provenance": {
    "legacyId": "treelayout"
  },
  "document": {
    "textOverflow": "preserve",
    "header": {
      "title": "Organization Hierarchy",
      "subtitle": "Reporting lines from the CEO down, fifteen people"
    },
    "footer": {
      "source": "xarts · demo data",
      "notes": "Illustrative data to explore the chart and replace with your own."
    },
    "spacing": {
      "horizontalPadding": 24,
      "topPadding": 22,
      "bottomPadding": 16,
      "minimumTextGap": 4
    }
  },
  "output": {
    "filename": "treelayout-quality",
    "embedSpec": true,
    "geometryDecimals": 2
  },
  "presentation": {
    "theme": "anlak",
    "dimensions": {
      "width": 800,
      "height": 620
    },
    "locale": "en-US",
    "fonts": "reference",
    "surface": "theme",
    "framePadding": 24
  },
  "data": {
    "nodes": [
      {
        "id": "ceo",
        "parentId": null,
        "label": "A. Chen",
        "role": "CEO",
        "level": 0
      },
      {
        "id": "vp-eng",
        "parentId": "ceo",
        "label": "B. Kumar",
        "role": "VP Engineering",
        "level": 1
      },
      {
        "id": "vp-mkt",
        "parentId": "ceo",
        "label": "C. Park",
        "role": "VP Marketing",
        "level": 1
      },
      {
        "id": "vp-ops",
        "parentId": "ceo",
        "label": "D. Silva",
        "role": "VP Operations",
        "level": 1
      },
      {
        "id": "dir-fe",
        "parentId": "vp-eng",
        "label": "E. Johal",
        "role": "Dir. Frontend",
        "level": 2
      },
      {
        "id": "dir-be",
        "parentId": "vp-eng",
        "label": "F. Rossi",
        "role": "Dir. Backend",
        "level": 2
      },
      {
        "id": "dir-brand",
        "parentId": "vp-mkt",
        "label": "G. Obi",
        "role": "Dir. Brand",
        "level": 2
      },
      {
        "id": "dir-growth",
        "parentId": "vp-mkt",
        "label": "H. Tanaka",
        "role": "Dir. Growth",
        "level": 2
      },
      {
        "id": "dir-supply",
        "parentId": "vp-ops",
        "label": "I. Lopez",
        "role": "Dir. Supply Chain",
        "level": 2
      },
      {
        "id": "dir-hr",
        "parentId": "vp-ops",
        "label": "J. Patel",
        "role": "Dir. HR",
        "level": 2
      },
      {
        "id": "mgr-react",
        "parentId": "dir-fe",
        "label": "K. Nguyen",
        "role": "Mgr. React",
        "level": 3
      },
      {
        "id": "mgr-design",
        "parentId": "dir-fe",
        "label": "L. Muller",
        "role": "Mgr. Design",
        "level": 3
      },
      {
        "id": "mgr-api",
        "parentId": "dir-be",
        "label": "M. Davis",
        "role": "Mgr. API",
        "level": 3
      },
      {
        "id": "mgr-seo",
        "parentId": "dir-growth",
        "label": "N. Kim",
        "role": "Mgr. SEO",
        "level": 3
      },
      {
        "id": "mgr-logistics",
        "parentId": "dir-supply",
        "label": "O. Weber",
        "role": "Mgr. Logistics",
        "level": 3
      }
    ]
  },
  "calculation": {
    "direction": "parent-to-child",
    "roots": "single",
    "levels": "validate-depth",
    "siblingOrder": "input",
    "positionMeaning": "hierarchy-only"
  },
  "layout": {
    "view": "layered-tree",
    "algorithm": "parent-ordered-level-slots",
    "margin": {
      "top": 60,
      "right": 44,
      "bottom": 96,
      "left": 44
    },
    "labelSlotRatio": 0.9,
    "capacity": "reject"
  },
  "marks": {
    "nodes": {
      "radius": 8,
      "stroke": "surface",
      "strokeWidth": 2,
      "levelColors": [
        "series.blue",
        "series.teal",
        "series.emerald",
        "series.amber"
      ],
      "hoverRadiusFactor": 1.3
    },
    "edges": {
      "color": "series.cyan",
      "width": 1.5,
      "opacity": 0.7,
      "curve": "vertical-cubic"
    }
  },
  "labels": {
    "name": {
      "fontSize": 14,
      "fontWeight": 500,
      "color": "textPrimary",
      "gap": 10,
      "lineHeight": 18,
      "wrap": "none"
    },
    "role": {
      "fontSize": 14,
      "fontWeight": 400,
      "color": "textMuted",
      "gap": 18,
      "lineHeight": 18,
      "wrap": "level-slot"
    }
  },
  "interaction": {
    "hover": true,
    "levelLabel": "Level"
  },
  "annotations": []
}