Каскадная диаграмма «водопад» онлайн

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

• Мост облачного бюджета от прошлого года к плану на следующий
• Разбор P&L: от выручки к операционной прибыли
• Изменение численности: наймы, увольнения, переводы
• Объяснение, за счёт чего упала или выросла метрика за квартал

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

• Шаги (steps) — от 3 до 8 столбцов слева направо: стартовый итог, вклады со знаком, не больше одного промежуточного итога и конечный итог.
• Тип шага (kind): итог (total) стоит на нуле, и первый шаг обязан быть итогом со значением; промежуточный итог (subtotal); вклад (delta) по умолчанию со значением вроде +64 или −38. Значение итога можно не указывать — Dele посчитает его сам.
• Мост должен сходиться: старт плюс вклады равны каждому указанному итогу. Расхождения доктор показывает как ошибку.
• Нулевые вклады уберите и упомяните в legendNote, длинный хвост мелочей сведите в один вклад «Прочее».
• Знак передаётся заливкой (рост — тонированный столбец, снижение — полый) и подписью со знаком, а не цветом. Один вклад (focal) становится коралловым — тот, ради которого строится диаграмма.
• Направления в легенде называются через upLabel и downLabel, например «Расходы выросли» и «Сэкономили».

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

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

«Построй водопад облачного бюджета: база FY25 — 240, команда +64, резервы −38, ML-нагрузки +22, тиринг −52, план FY26 — 236. Главное — экономия на тиринге.»

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

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

{
  "type": "waterfall",
  "title": "Облачный бюджет: от FY25 к плану FY26",
  "description": "Мост облачного бюджета: 240 тыс. долларов в месяц в FY25 превращаются в 236 по плану FY26 через рост команды, резервирование, ML-нагрузки и тиринг хранилища — крупнейшую экономию.",
  "axis": "Облако · тыс. $ / мес",
  "upLabel": "Расход добавлен",
  "downLabel": "Расход снят",
  "steps": [
    {
      "label": "База FY25",
      "kind": "total",
      "value": 240
    },
    {
      "label": "Команда",
      "value": 64
    },
    {
      "label": "Резервы",
      "value": -38
    },
    {
      "label": "ML-нагрузки",
      "value": 22
    },
    {
      "label": "Тиринг",
      "value": -52,
      "note": "крупнейшая экономия",
      "focal": true
    },
    {
      "label": "План FY26",
      "kind": "total",
      "value": 236
    }
  ]
}

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

• Независимые величины, которые не складываются в итог → Столбчатая диаграмма
• Только два значения без промежуточных вкладов — хватит гантелей → Столбчатая диаграмма
• Величина расходится по нескольким направлениям сразу → Санки