Диаграмма вложенности онлайн

Когда использовать

• Объяснить, как настройки или инструкции наследуются от глобального уровня к проекту
• Показать зоны доверия: интернет, DMZ, внутренняя сеть, контур с персональными данными
• Оценить радиус поражения: что затронет сбой в регионе, кластере, сервисе
• Разобрать области видимости в коде или правах доступа: организация, команда, репозиторий

Как с ней работать в Dele

• Уровни (levels) задаются плоским списком: вложенность — через родителя (parent), ровно один внешний уровень без родителя. Соседи с общим родителем встают рядом внутри него.
• Держите глубину 3–5 уровней, бюджет — 6. Иерархия должна быть настоящей, а не декоративной: каждая рамка — реальная граница.
• Подпись уровня — короткая моноширинная метка на рамке: имя области или путь вроде «~/vault/». Заголовок и подстрочник есть только у самого внутреннего уровня.
• Акцент — один: самый внутренний уровень, в котором находится читатель. Несколько коралловых рамок не ставьте.
• Добавьте 1–2 выноски (callouts) курсивом; если указать цель — уровень, к нему протянется пунктирная линия.
• То, что не входит в иерархию, вынесите в соседнюю диаграмму, а не во внутреннюю рамку.

Три способа собрать диаграмму

Словами. Откройте ИИ-ассистента в редакторе или подключите своего агента по MCP и опишите задачу, например:

«Нарисуй вложенность зон доверия: интернет, DMZ, внутренняя сеть, контур платёжных данных. Акцент на контуре платёжных данных, добавь выноску «PCI DSS».»

В редакторе. Создайте диаграмму из шаблона «Вложенность», меняйте элементы на холсте и в панели справа — раскладка пересчитывается сама.

Кодом. Диаграмма — это JSON-спецификация. Её можно править в панели «Спецификация», генерировать скриптом и хранить в git.

{
  "type": "nested",
  "title": "Иерархия инструкций проекта",
  "description": "Инструкции проекта наследуют все уровни выше: глобальный, заметки, бизнес и маркетинг — без импорта и настройки.",
  "paper": "dots",
  "levels": [
    {
      "id": "global",
      "label": "~/.claude/ (глобально)",
      "glyph": true
    },
    {
      "id": "vault",
      "parent": "global",
      "label": "~/vault/ (заметки)",
      "glyph": true
    },
    {
      "id": "business",
      "parent": "vault",
      "label": "/business",
      "glyph": true
    },
    {
      "id": "marketing",
      "parent": "business",
      "label": "/marketing",
      "glyph": true
    },
    {
      "id": "project",
      "parent": "marketing",
      "label": "/project",
      "name": "ИНСТРУКЦИИ ПРОЕКТА",
      "sublabel": "наследует все уровни выше",
      "focal": true
    }
  ],
  "callouts": [
    {
      "text": "ни импорта, ни настройки",
      "position": "top-right",
      "target": "project"
    },
    {
      "text": "структура и есть индекс",
      "position": "bottom-left"
    }
  ],
  "legendNote": "Внешнее — шире, внутреннее — точнее."
}

Когда выбрать другой формат

• Подчинение и линии отчётности людей — это оргструктура → Оргструктура
• Обычная иерархия с множеством веток одного уровня лучше читается деревом → Дерево
• Если между областями есть потоки и вызовы, нужна архитектурная схема → Архитектура