Графики и данные
Столбчатая диаграмма онлайн
Столбчатая диаграмма сравнивает величины по категориям: продажи по регионам, скорость команды по спринтам, долю ошибок по сервисам. В Dele её достаточно описать словами — сервис расставит 4–8 столбцов, начнёт ось с нуля и выделит один столбец, ради которого диаграмма и строится.
Когда использовать
- Сравнить закрытые стори-поинты по спринтам и показать рекордный
- Показать выручку по регионам или продуктам за один период
- Отсортировать длинные названия команд в горизонтальные полосы
- Сравнить «было → стало» по нескольким метрикам в варианте гантелей
Как с ней работать в Dele
- Три варианта (variant): вертикальные столбцы (column) по умолчанию, горизонтальные полосы (bar) для длинных подписей или больше восьми категорий и гантели (dumbbell), когда смысл в разрыве между двумя значениями.
- Держите 4–8 столбцов; у каждого подпись до 14 символов и значение. Если категорий больше, сгруппируйте хвост или разбейте на две диаграммы.
- Ось значений всегда начинается с нуля — рендерер считает её сам и не даёт её обрезать. Подпись оси (axis) с единицей и суффикс значений (unit), например «%», задаются отдельно.
- Выделите один столбец (focal) — он станет коралловым, а в note можно коротко пояснить его в легенде: «рекорд».
- У гантелей в каждой строке есть исходное значение (from) и итоговое: назовите оба ряда в fromLabel и toLabel, а порядок строк объясните в legendNote. Отдельных акцентных строк у гантелей нет.
Три способа собрать диаграмму
Словами. Откройте ИИ-ассистента в редакторе или подключите своего агента по MCP и опишите задачу, например:
«Сделай столбчатую диаграмму: стори-поинты по спринтам S1–S8 — 72, 88, 95, 78, 110, 102, 85, 93. Выдели пятый спринт как рекорд.»
В редакторе. Создайте диаграмму из шаблона «Столбчатая диаграмма», меняйте элементы на холсте и в панели справа — раскладка пересчитывается сама.
Кодом. Диаграмма — это JSON-спецификация. Её можно править в панели «Спецификация», генерировать скриптом и хранить в git.
Спецификация примера (JSON)
{
"type": "bar",
"title": "Скорость команды: пятый спринт — рекорд",
"description": "Столбчатая диаграмма: стори-поинты, закрытые в спринтах с S1 по S8; пятый спринт — рекордный.",
"variant": "column",
"axis": "Стори-поинты",
"bars": [
{
"label": "S1",
"value": 72
},
{
"label": "S2",
"value": 88
},
{
"label": "S3",
"value": 95
},
{
"label": "S4",
"value": 78
},
{
"label": "S5",
"value": 110,
"note": "рекорд",
"focal": true
},
{
"label": "S6",
"value": 102
},
{
"label": "S7",
"value": 85
},
{
"label": "S8",
"value": 93
}
]
}Когда выбрать другой формат
- Тренд во времени по многим точкам лучше читается линией → Линейный график
- Как начальный итог превращается в конечный через плюсы и минусы → Водопад
- Доли одного целого, где важна площадь, а не высота → Тримэп / маримекко
Вопросы о формате
Почему нельзя начать ось не с нуля?
Высота столбца и есть значение. Обрезанная ось превращает разницу в 5% в двукратную, поэтому в Dele ось столбчатой диаграммы всегда начинается с нуля.
Когда выбирать горизонтальные полосы?
Когда подписи категорий длинные или их больше восьми: горизонтальные полосы читаются без поворота текста, а повёрнутые подписи Dele не использует.
Что такое гантели?
Вариант, где в каждой строке два значения на общей шкале — «было» (полая точка) и «стало» (сплошная). Подходит, когда главное — величина изменения.