Линейный график онлайн

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

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

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

• Категории (categories) — подписи оси X, значения рядов (series[].values) выравниваются по ним. Обычная линия (line) — 4–12 точек и не больше 5 рядов; область (area) добавляет бледную заливку под акцентным рядом.
• Ось начинается с нуля, если не заданы min и max; если задали — объясните это в legendNote.
• Слоупграф (slopegraph) — ровно две категории («до» и «после») и 4–10 рядов. Хребты (ridgeline) — 8–40 интервалов и 3–12 рядов, крайние интервалы лучше нулевые.
• Поток (streamgraph) — 3–24 периода и 2–6 слоёв без отрицательных значений; рейтинги (bump) — 3–6 срезов и 4–8 рядов, где значения — места от 1 до N.
• Ровно один ряд в акценте (focal) — коралловый, остальные получают оттенки чернил. Выбирайте ряд, о котором заголовок.
• Dele не сглаживает измеренные данные и не сдвигает точки ради подписей.

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

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

«Нарисуй линейный график регистраций за 8 недель по каналам: органика, прямые заходы, рефералы. Акцент на органике — она ведёт рост.»

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

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

{
  "type": "line",
  "title": "Регистрации по неделям: органика ведёт рост",
  "description": "Линейный график: еженедельные регистрации из органики, прямых заходов и рефералов за недели с первой по восьмую.",
  "variant": "line",
  "axis": "Регистрации / нед.",
  "area": true,
  "categories": [
    "Н1",
    "Н2",
    "Н3",
    "Н4",
    "Н5",
    "Н6",
    "Н7",
    "Н8"
  ],
  "series": [
    {
      "label": "Органика",
      "values": [
        120,
        135,
        148,
        162,
        155,
        178,
        195,
        210
      ],
      "focal": true
    },
    {
      "label": "Прямые",
      "values": [
        80,
        82,
        88,
        90,
        86,
        92,
        95,
        98
      ]
    },
    {
      "label": "Рефералы",
      "values": [
        45,
        52,
        48,
        60,
        55,
        68,
        62,
        75
      ]
    }
  ]
}

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

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