Org Chart
Classic top-down org chart — CEO, VPs, teams.
Rendering…
Make it your own.
{
"nodes": [
{ "id": "geng", "type": "container", "label": "Engineering", "x": 20, "y": 130, "width": 320, "height": 330, "fill": "rgba(219,234,254,0.18)", "stroke": "#2563eb" },
{ "id": "gprd", "type": "container", "label": "Product", "x": 360, "y": 130, "width": 320, "height": 330, "fill": "rgba(237,233,254,0.18)", "stroke": "#7c3aed" },
{ "id": "gsal", "type": "container", "label": "Sales", "x": 700, "y": 130, "width": 320, "height": 330, "fill": "rgba(220,252,231,0.18)", "stroke": "#15803d" },
{ "id": "ceo", "type": "rounded", "label": "CEO", "x": 440, "y": 30, "fill": "#f3e8ff", "stroke": "#7c3aed" },
{ "id": "veng", "type": "rounded", "label": "VP Engineering", "x": 110, "y": 175, "fill": "#dbeafe", "stroke": "#2563eb" },
{ "id": "vprd", "type": "rounded", "label": "VP Product", "x": 450, "y": 175, "fill": "#ede9fe", "stroke": "#7c3aed" },
{ "id": "vsal", "type": "rounded", "label": "VP Sales", "x": 790, "y": 175, "fill": "#dcfce7", "stroke": "#15803d" },
{ "id": "be", "type": "rounded", "label": "Backend", "x": 40, "y": 330, "fill": "#eff6ff", "stroke": "#2563eb" },
{ "id": "fe", "type": "rounded", "label": "Frontend", "x": 190, "y": 330, "fill": "#eff6ff", "stroke": "#2563eb" },
{ "id": "pm", "type": "rounded", "label": "Product Mgrs", "x": 380, "y": 330, "fill": "#f5f3ff", "stroke": "#7c3aed" },
{ "id": "ds", "type": "rounded", "label": "Design", "x": 530, "y": 330, "fill": "#f5f3ff", "stroke": "#7c3aed" },
{ "id": "ae", "type": "rounded", "label": "Account Execs", "x": 720, "y": 330, "fill": "#f0fdf4", "stroke": "#15803d" },
{ "id": "cs", "type": "rounded", "label": "Customer Success","x": 870, "y": 330, "fill": "#f0fdf4", "stroke": "#15803d" }
],
"edges": [
{ "id": "e1", "source": "ceo", "target": "veng" },
{ "id": "e2", "source": "ceo", "target": "vprd" },
{ "id": "e3", "source": "ceo", "target": "vsal" },
{ "id": "e4", "source": "veng", "target": "be" },
{ "id": "e5", "source": "veng", "target": "fe" },
{ "id": "e6", "source": "vprd", "target": "pm" },
{ "id": "e7", "source": "vprd", "target": "ds" },
{ "id": "e8", "source": "vsal", "target": "ae" },
{ "id": "e9", "source": "vsal", "target": "cs" }
]
}