Аксонометрия в разнесении онлайн

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

• Разбор устройства: корпус, плата, экран, крышка
• Распаковка: что лежит в коробке и в каком порядке
• Порядок сборки изделия снизу вверх
• Слои продукта как части одного целого: данные, сервисы, интерфейс

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

• Частей (parts) — 2–5, снизу вверх. У каждой название в одно-два слова, моноширинный подстрочник, основание, толщина, скругление и смещение в плане. При r = w/2 = d/2 получается цилиндр.
• Части, которые в собранном объекте стоят рядом, получают одинаковый уровень (level) и поднимаются вместе.
• Нижняя часть может быть корпусом (kind: housing) — открытым лотком, в который ложатся остальные.
• На верхней грани — одна деталь: экран, терминал, чип, разъёмы, карты, шкала, сетка. Форма плюс одна деталь, не больше.
• Разнесение (spread) по умолчанию 0,5; поднимите до 0,75, если высокая часть закрывает акцентную. Зазоры всегда равные.
• Акцент — не больше одной части, остальные не приглушаются. Подписи стоят одной колонкой справа, стрелок нет.

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

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

«Нарисуй аксонометрию в разнесении умной колонки: корпус, плата с чипом, динамик, сетка и верхняя панель с кнопками. Акцент на плате.»

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

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

{
  "type": "exploded",
  "title": "Стек приложения: три слоя, один продукт",
  "description": "Трёхслойный стек приложения в разнесении: данные внизу, логика посередине, интерфейс сверху; акцент — слой логики.",
  "spread": 0.5,
  "parts": [
    {
      "name": "Данные",
      "sublabel": "postgres, объектное хранилище",
      "w": 200,
      "d": 200,
      "t": 16,
      "r": 12
    },
    {
      "name": "Логика",
      "sublabel": "api, воркеры, очередь",
      "w": 200,
      "d": 200,
      "t": 16,
      "r": 12,
      "focal": true
    },
    {
      "name": "Интерфейс",
      "sublabel": "веб, мобильное",
      "w": 200,
      "d": 200,
      "t": 16,
      "r": 12
    }
  ],
  "legendNote": "Логика — то, где живут продуктовые решения; два других слоя заменяемы."
}

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

• Плоские полосы с текстом — диаграмма слоёв → Слои
• Компоненты, связанные потоками, — архитектурная схема → Архитектура
• Этаж или участок сверху → Аксонометрический план