Диаграмма онлайн

Выберите тип диаграммы, введите подписи и числа — картинка появится сразу и будет перерисовываться на каждое изменение. Дальше настраивается заголовок, палитра, подписи значений и высота, а готовое скачивается кнопками PNG, SVG или PDF. Регистрация не нужна, водяных знаков нет, ограничений по количеству диаграмм тоже.

Три, они переключаются над таблицей. Режим «Таблица» — привычные ячейки: строка добавляется кнопкой или клавишей Enter в последней строке, рядом с каждой строкой стоит квадратик её цвета. Режим «Текстом» — построчный ввод вида «Январь 120» или «Январь; 120», диаграмма пересобирается прямо во время набора; так быстрее всего вбить два десятка значений с клавиатуры. Режим «Файл» — перетаскивание CSV в окно или выбор на диске. Ещё есть кнопка «Вставить из буфера»: она забирает скопированные из Excel ячейки без промежуточного окна.

Переключитесь на «Круговую» и в поле «Подписи значений» выберите «Проценты». Доли считаются от суммы всех значений, процент пишется прямо в сегменте и дублируется в легенде. Сегменты меньше 5,5% подписью не помечаются, чтобы цифры не наезжали друг на друга, — их доля видна в легенде и во всплывающей подсказке при наведении. Вариант «Числа и проценты» ставит рядом и то и другое.

Включите «Мелкие доли в «Прочее»»: всё, что занимает меньше трёх процентов, сложится в один сегмент. Семь сегментов — предел, после которого глаз перестаёт сравнивать площади между собой, и конструктор об этом предупреждает под настройками. Когда категорий заведомо больше, нагляднее горизонтальные полосы: там читаются и двадцать строк.

Воронка показывает, сколько людей осталось на каждом шаге: показы, клики, заявки, продажи. Каждый этап рисуется трапецией по своей величине, а справа выводятся два числа — доля от первого шага и переход к следующему. Так сразу видно, на каком именно шаге теряется больше всего. Если очередной этап оказался больше предыдущего, конструктор об этом скажет: обычно это значит, что строки перепутаны местами.

Пунктирная черта поперёк диаграммы на заданном уровне с подписью — план, норматив, прошлогодний результат. Впишите число в поле «Целевая линия» и рядом подпись, и на столбцах, полосах и линии сразу станет видно, кто до планки дотянул, а кто нет. Для отчётов это работает лучше, чем ряд чисел: сравнение делает сама картинка.

Скопируйте ячейки и нажмите «Вставить из буфера» — колонки разделяются табуляцией и распознаются сами. Либо сохраните лист как CSV и перетащите файл в окно режима «Файл». Разделителем может быть точка с запятой, запятая, табуляция или знак равенства, дробная часть — через запятую или точку. Если выгрузка лежит боком, кнопка «Развернуть» меняет строки и столбцы местами.

Русский Excel по умолчанию сохраняет CSV в кодировке windows-1251, а веб ждёт UTF-8. Конструктор пробует прочитать файл как UTF-8 и, когда байты под неё не подходят, автоматически переключается на windows-1251 — поэтому файл прямо из Excel открывается без переделки. Метка порядка байтов в начале файла тоже отрезается. Выгрузка своих данных кнопкой «Данные в CSV» идёт с этой меткой, чтобы Excel открыл её без вопросов.

Да, кнопка «+ ряд данных» добавляет ещё один столбец чисел, всего их может быть пять. Линии рисуются каждая своим цветом, столбцы встают группами рядом. Для столбцов и полос есть галочка «Накопление рядов» — тогда значения складываются друг на друга и видна общая сумма по каждой категории. Круговая и воронка берут только первый ряд: доли целого из нескольких рядов не складываются.

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

В трёх. PNG — картинка в двойном разрешении, подходит для презентации, документа и мессенджера. SVG — вектор: масштабируется без потери резкости и открывается в Illustrator, Figma и Inkscape, где текст остаётся текстом. PDF — одна страница A4 с диаграммой по центру, готовая к печати и отправке. Ещё есть «Копировать картинку»: PNG кладётся прямо в буфер обмена, откуда вставляется в презентацию одним Ctrl+V.

Кнопка «Ссылка на диаграмму» упаковывает данные и все настройки в адрес страницы и кладёт его в буфер. Открыв такую ссылку, человек увидит ту же диаграмму и сможет её править. Никакого сохранения на сервере при этом не происходит: всё лежит прямо в адресе, поэтому очень большие таблицы в ссылку не влезают — для них есть выгрузка в CSV.

Нет. Данные и настройки сохраняются в памяти самого браузера и восстанавливаются при следующем открытии страницы — с этого же устройства и в этом же браузере. Кнопка «Сброс» стирает и таблицу, и сохранённое. На сервер при этом ничего не уходит.

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

Нет, это другие задачи. Диаграмма Ганта показывает сроки и зависимости задач, ей нужны даты начала и конца по каждой строке — для этого есть отдельные планировщики. График функции строится по уравнению и живёт в математических сервисах. Здесь работают ряды чисел с подписями.

Нет. Всё работает прямо в браузере на JavaScript — введённые данные не уходят на сервер и нигде не сохраняются.