Область с градиентом онлайн

Это диаграмма области, у которой заливка не сплошная, а перетекает от насыщенного цвета у линии к прозрачному внизу. Градиент делает акцент на самой линии и снимает тяжесть плотной заливки. Хороший выбор для презентации, где важна и величина, и опрятная картинка.

Создание бесплатно · 10 токенов на ИИ при регистрации · без подписки
Область с градиентом

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

  • Показать объём во времени красиво: трафик сайта по неделям для слайда.
  • Подсветить один ряд на светлом фоне, где сплошная заливка смотрелась бы грубо.
  • Отчёт с акцентом на масштаб — выручка по месяцам, отгрузки, число заявок.
  • Обложка дашборда, где график должен выглядеть аккуратно, а не как чернильное пятно.
Какие нужны данные
Как у обычной области: колонка с датой или шкалой по горизонтали и числовая колонка со значением. Значения лучше держать неотрицательными — градиент идёт от линии вниз к нулю.
Пример
Заявки с сайта по неделям: с 120 в начале квартала до 340 к концу. Насыщенный цвет держит линию сверху, а книзу заливка тает — сквозь неё видно сетку, и подъём читается без визуального шума.

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

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

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

Чем градиентная область лучше сплошной?

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

Можно ли настроить сам градиент?

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

А если рядов несколько?

Несколько градиентных областей друг на друге сольются. Для сравнения рядов лучше «Области с накоплением», а градиент оставить для одной, главной серии.

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

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

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

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

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

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

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

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

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

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