Время и планы
Таймлайн онлайн
«Таймлайн» раскладывает события на шкале времени так, чтобы расстояние между ними соответствовало реальным датам. Подписи сами чередуются над и под осью, а одна-две ключевые вехи выделяются акцентом.
Когда использовать
- История релизов продукта
- Ключевые вехи проекта для отчёта
- Хронология компании или исследования
- Дорожная карта с отметкой «сейчас»
Как с ней работать в Dele
- Дата события (date) задаётся как год, год и месяц или полная дата: «2025», «2025-04», «2025-04-15». Расстояния пропорциональны времени — не подгоняйте события под равные интервалы.
- Вехой (milestone) отмечайте 1–2 главных события — они рисуются крупнее и в акцентном цвете.
- Подписи чередуются над и под осью автоматически; поле side закрепляет сторону, если нужно.
- Поле dateLabel заменяет печатаемую дату, например «АПР 2026 · СЕЙЧАС».
- Названия событий короткие; детали уносите в текст рядом с диаграммой.
Три способа собрать диаграмму
Словами. Откройте ИИ-ассистента в редакторе или подключите своего агента по MCP и опишите задачу, например:
«Сделай таймлайн релизов нашего приложения с 2022 года: бета в марте 2022, версия 1.0 в сентябре 2022, мобильное приложение в 2023, API в мае 2024. Веха — версия 1.0.»
В редакторе. Создайте диаграмму из шаблона «Таймлайн», меняйте элементы на холсте и в панели справа — раскладка пересчитывается сама.
Кодом. Диаграмма — это JSON-спецификация. Её можно править в панели «Спецификация», генерировать скриптом и хранить в git.
Спецификация примера (JSON)
{
"type": "timeline",
"title": "Запуск продукта · четырнадцать месяцев",
"description": "Таймлайн вех продукта: от первого поста в феврале 2025 года через три версии дизайна до скилла Schematic в апреле 2026 года.",
"events": [
{
"date": "2025-02",
"label": "Первый пост"
},
{
"date": "2025-04",
"label": "Дизайн v1"
},
{
"date": "2025-09",
"label": "Дизайн v2",
"sublabel": "типографика"
},
{
"date": "2026-01",
"label": "Дизайн v3",
"sublabel": "бюджет сложности",
"milestone": true
},
{
"date": "2026-04",
"label": "Скилл Schematic",
"sublabel": "восемь типов диаграмм",
"dateLabel": "Апр 2026 · сейчас",
"milestone": true
}
]
}Когда выбрать другой формат
- Задачи с длительностью, зависимостями и исполнителями → Диаграмма Ганта
- Изменение показателя во времени → Линейный график
- Этапы пути пользователя с эмоциями и болями → Путь пользователя
Вопросы о формате
Почему события стоят на разном расстоянии?
Шкала честная: расстояние пропорционально реальному времени между датами. Так видно, где были паузы, а где плотные периоды.
Можно ли указать только год или месяц?
Да, дата задаётся как «ГГГГ», «ГГГГ-ММ» или «ГГГГ-ММ-ДД». Подпись даты можно переопределить своим текстом.
Чем таймлайн отличается от диаграммы Ганта?
Таймлайн показывает моменты — события и вехи. Гант показывает работы с длительностью и зависимостями между ними.