Линия-градиент онлайн

Линия-градиент — это обычный линейный график, у которого цвет перетекает вдоль линии: например, от синего на низких значениях к красному на высоких. Форма показывает динамику, а окраска добавляет второй слой смысла — уровень или момент, — не загромождая кадр.

Создание бесплатно · 10 токенов на ИИ при регистрации · без подписки
Линия-градиент

Когда подходит

  • Показать температуру за год так, чтобы холодные месяцы были синими, а жаркие — красными.
  • Подсветить рост цены: зелёный на подъёме, красный на спаде вдоль одной линии.
  • Выделить свежие данные ярким концом градиента, а старые — приглушённым.
  • Показать нагрузку сервера: спокойные участки зелёные, перегрузка уходит в красный.
Какие нужны данные
Нужны колонка даты и числовая колонка со значением — как для любого линейного графика. Градиент можно привязать к самому значению (по высоте) или к оси времени (от начала к концу ряда).
Пример
Средняя температура по месяцам. Линия идёт привычной дугой, но её цвет плавно перетекает от синего в январе к красному в июле и обратно. Годовой ход считывается дважды: по форме кривой и по её окраске — тёплый сезон буквально краснеет.

Как построить

Добавьте данные
Вставьте CSV, скопируйте из Excel или наберите значения вручную. Диаграмма тянет до 20 000 строк.
Выберите оформление
Настройте цвета, шрифты, легенду и подписи осей. Числа и даты подписываются по-русски без ручной правки.
Скачайте или вставьте в макет
Выгрузите в SVG или PNG либо поставьте диаграмму прямо на холст — рядом с текстом, таблицей и другими графиками.

Частые вопросы

Чем линия-градиент отличается от обычной линии?

По форме это тот же линейный график. Разница в окраске: сплошная линия одноцветна, а здесь цвет несёт дополнительный смысл — уровень значения или ход времени. Это украшение с пользой, но данные те же.

К чему привязать переход цвета?

К значению — тогда цвет говорит о высоте (низко–высоко, холодно–жарко). Или ко времени — тогда виден порядок: где начало ряда, где конец. Схему и палитру градиента задаёте в панели оформления.

Не помешает ли градиент читать данные?

Если взять контрастную осмысленную шкалу, он помогает — добавляет измерение без второй оси. Но пёстрый градиент без логики только отвлекает: цвет должен что-то означать, иначе лучше оставить линию одноцветной.

Это бесплатно?

Строить и оформлять диаграммы можно бесплатно. Платите один раз, когда скачиваете готовый файл. Автозаполнение и подбор через ИИ тратят токены — 10 штук дают при регистрации, и они не сгорают.

В каких форматах скачивается диаграмма?

SVG для печати и дальнейшего редактирования или PNG для сайта и соцсетей. Ещё диаграмму можно вставить на холст и выгрузить вместе со всем макетом в PDF или PPTX.

Сколько данных выдержит?

До 20 000 строк и 200 колонок. Данные загружаются из CSV, TSV, JSON или вставляются из буфера обмена.

Можно ли поменять цвета и шрифты?

Да. Цвета задаются вручную или из 9 палитр, шрифт и размер настраиваются, легенду и подписи осей можно включить или убрать. Диаграмма перекрашивается и под фирменный стиль.

Постройте свою за пару минут

Вставьте данные — оформление подберётся само. Скачать можно после регистрации, вход по коду на почту без пароля.