Перейти к содержимому
📊

Создать диаграмму онлайн — конструктор графиков

Создать диаграмму онлайн бесплатно — круговая, столбчатая и линейная диаграмма по данным. Конструктор графиков с импортом CSV и экспортом в PDF

Открывали 76 206 разПоделились 20 разВ избранном: 11

Инструмент справился с вашей задачей?

Одно нажатие, без регистрации. По ответам мы решаем, какие инструменты дорабатывать первыми.

Уже ответили: 215 человек

Комментарии (12)

анна · 26 нояб. 2025 г., 15:47 · лайков: 2

Построение осей: Ось X (горизонтальная): Разместите интервалы стоимости ОПФ (80-110, 110-140, 140-170, 170-200, 200-230, 230-260, 260-290). Каждый интервал должен занимать одинаковое пространство на оси X. Отметьте границы каждого интервала. Ось Y (вертикальная): Ось Y будет представлять количество предприятий. Выберите масштаб так, чтобы все значения частот поместились на оси. Для удобства используйте шаг 10 (0, 10, 20, 30, 40, 50, 60). Максимальное значение частоты в вашем случае - 55,

Создать диаграмму онлайн бесплатно — конструктор графиков

Бесплатный онлайн-конструктор, чтобы создать диаграмму по данным за пару минут: столбчатую, горизонтальную, линейный график, круговую или кольцевую. Данные можно ввести в таблицу, вставить из Excel или Google Таблиц, загрузить файлом CSV или XLSX — или просто написать текстом: «Январь 120, Февраль 185». Готовую диаграмму можно скачать в PNG, SVG или PDF либо скопировать картинкой и вставить в презентацию, отчёт, статью или курсовую.

Подходит студентам, аналитикам, менеджерам, маркетологам и всем, кому нужно быстро сделать диаграмму онлайн без Excel и специальных программ. Работает в браузере, без регистрации, бесплатно и без водяных знаков.

  • Столбчатая и горизонтальная диаграммы, линейный график, круговая и кольцевая
  • Несколько рядов на одном графике: план и факт, этот и прошлый год
  • Числа понимаются как есть: «25%», «1 200 ₽», «15 тыс.», «−45»
  • Вставка из Excel, Google Таблиц, таблицы из нейросети или обычного текста
  • Загрузка файлов CSV (в том числе из русского Excel), XLSX, XLS и ODS
  • Свой фон, в том числе прозрачный, палитры и свой цвет для каждого ряда, столбца и сектора
  • Скачивание PNG, SVG и PDF, копирование картинки в буфер обмена
  • Черновик сохраняется в этом браузере, на сервер сайта таблица не отправляется

Как сделать диаграмму онлайн по данным

Выберите тип диаграммы и заполните таблицу: слева — названия (месяцы, категории, варианты ответа), справа — числа. Если данные уже есть в Excel или Google Таблицах, выделите диапазон вместе со строкой заголовков, скопируйте и вставьте в первую ячейку таблицы или в поле «Вставить данные»: заголовки станут названиями рядов, а столбцы с числами — рядами диаграммы. Если категории идут по строке, а не по столбцу, конструктор сам перевернёт таблицу, а если он ошибся — есть кнопка «Строки ⇄ столбцы».

Числа можно не чистить. «25%», «1 200 ₽», «12,5», «1,5 млн» и «−45» распознаются как числа, а знак процента или рубля попадает в подписи. Ячейка, которую не удалось прочитать как число, подсвечивается красным и не превращается молча в ноль. Пустая ячейка на линейном графике даёт разрыв линии, а не падение до нуля.

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

Какой тип диаграммы выбрать

Круговая диаграмма наглядно показывает, как целое делится на части: структура бюджета, распределение трафика по каналам, доли рынка. Лучше всего она работает при 3–7 сегментах — при большем количестве читаемость падает. Кольцевая — та же круговая с отверстием; если значения не проценты, в центре показывается их сумма.

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

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

Оформление: фон, цвета, подписи

Фон можно сделать белым, светло-серым, тёплым, тёмным или любым своим цветом, а для слайда — прозрачным. Цвет подписей, осей и сетки подстраивается под фон сам; для прозрачной картинки, которая ляжет на тёмный слайд, есть отдельный вариант со светлым текстом.

Цвета задаются палитрой — есть различимая для людей с нарушением цветового зрения и серая для чёрно-белой печати — или вручную для каждого ряда, столбца и сектора: образцом или кодом HEX, чтобы подобрать фирменный цвет. Кроме того, настраиваются заголовок, подписи осей, строка-источник под графиком, единица измерения, значения на столбцах и точках, легенда снизу или сверху, подписи круговой (название и процент, только процент или значение), столбцы стопкой и плавная линия.

Пропорции картинки — 16:9 для слайда, 4:3, квадрат 1:1 или своя высота от 200 до 800 пикселей; ширина подстраивается под экран. Размер текста — от мелкого до крупного «для слайда».

Экспорт: PNG, SVG, PDF и копирование картинки

PNG — обычная картинка для презентации, документа или сообщения: вдвое чётче, чем на экране, или шириной 1920 и 3000 пикселей на выбор. В файл записано разрешение, поэтому Word и PowerPoint вставляют картинку в экранном размере, а не огромной. Прозрачный фон в PNG сохраняется.

«Копировать картинку» кладёт диаграмму в буфер обмена — дальше Ctrl + V в PowerPoint, Word, Google Документах или мессенджере. Если браузер так не умеет, скачайте PNG.

SVG — векторный файл: он масштабируется без потери чёткости и открывается в браузере, Figma, Illustrator и новых версиях Office. PDF — лист A4 с картинкой в высоком разрешении, удобен для печати и отправки. Таблицу можно скопировать для вставки в Excel или скачать файлом CSV.

Таблица и файлы обрабатываются в браузере и на сервер сайта не отправляются; черновик хранится только в этом браузере, чтобы после перезагрузки страницы ничего не пропало. Вопросы ИИ-помощнику на странице обрабатываются на сервере, поэтому числа для графика удобнее вставить в поле «Вставить данные» — таблица заполнится сама.

💡

Пример: подготовка графика для отчёта

Маркетолог готовит квартальный отчёт и хочет показать руководству динамику заявок с сайта по месяцам: январь — 120, февраль — 185, март — 210.

1

Копируем из Excel столбцы «Месяц» и «Заявки» вместе с заголовком

2

Вставляем их в первую ячейку таблицы — диаграмма строится сразу, а «Заявки» становятся названием ряда

3

На вкладке «Оформление» вписываем фирменный цвет кодом HEX, выбираем пропорции 16:9 и крупный текст «для слайда»

4

Нажимаем «Копировать картинку» и вставляем график в презентацию

✅

Готовый график наглядно показывает рост заявок на 75% за квартал. Руководство видит тренд без разбора таблиц с цифрами.

🧠

Знаете ли вы?

📜

Первую круговую диаграмму создал шотландский инженер Уильям Плейфер в 1801 году. Он же изобрёл столбчатую диаграмму и линейный график — все три основных типа визуализации.

🏥

Флоренс Найтингейл использовала диаграммы-розы (разновидность круговой диаграммы) в 1858 году, чтобы убедить парламент Великобритании улучшить санитарные условия в армейских госпиталях.

📏

Столбчатую диаграмму принято начинать с нуля: столбец, обрезанный снизу, визуально преувеличивает разницу между значениями. Поэтому ось значений в этом конструкторе всегда включает ноль.

👁️

Нарушение различения красного и зелёного встречается примерно у 8 % мужчин. Для таких читателей придумана палитра Окабе — Ито: её цвета различимы и при нарушениях цветового зрения, и в конструкторе она называется «Различимая».

🎨

Цвет графика влияет на восприятие данных. Красный ассоциируется с опасностью и убытками, зелёный — с ростом и прибылью, синий воспринимается как нейтральный.

Сравнение типов графиков

ТипЛучше всего дляОптимальное кол-во данныхПример задачи
ЛинейныйТренды и динамика5–100 точекПродажи по месяцам
СтолбчатыйСравнение категорий3–20 категорийВыручка по филиалам
ГоризонтальныйСравнение категорий с длинными названиями3–30 категорийРасходы по статьям бюджета
Круговой и кольцевойДоли и проценты3–7 сегментовСтруктура расходов
💡

Совет по читаемости

Не перегружайте один график данными. Для круговых диаграмм используйте не более 7 сегментов — мелкие доли объединяйте в категорию «Прочее». Для столбчатых диаграмм сортируйте столбцы по убыванию (кнопка «Сортировать») — так главное видно сразу. Если в опросе можно было выбрать несколько ответов, проценты в сумме дают больше 100 — такие данные честнее показывать столбцами, а не кругом.

Как создать график

1

Шаг 1. Введите или вставьте данные

Заполните таблицу или вставьте готовые данные: диапазон из Excel или Google Таблиц — прямо в ячейку (Ctrl + V), текст вида «Январь 120, Февраль 185» — в поле «Вставить данные». Можно загрузить файл CSV, XLSX, XLS или ODS.

2

Шаг 2. Выберите тип диаграммы

Столбцы — для сравнения, горизонтальные столбцы — для длинных названий, линии — для динамики во времени, круговая и кольцо — для долей целого.

3

Шаг 3. Настройте оформление

На вкладке «Оформление» задайте заголовок, подписи осей, единицу, фон (в том числе прозрачный), палитру или свой цвет для каждого ряда и сектора, пропорции и размер текста.

4

Шаг 4. Скачайте или скопируйте

Скачайте PNG, SVG или PDF либо нажмите «Копировать картинку» и вставьте диаграмму в презентацию или документ сочетанием Ctrl + V.

Примеры использования

📊 Бизнес-отчётность

Динамика продаж по месяцам, план и факт, сравнение доходов по регионам, структура расходов компании. Картинка в PNG или PDF — для презентаций и отчётов.

🎓 Учебные и научные работы

Визуализация результатов экспериментов, статистических данных и опросов для дипломных работ, курсовых и научных статей.

📈 Маркетинг и аналитика

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

💰 Личные финансы

Круговая диаграмма расходов по категориям, линейный график доходов по месяцам. Помогает увидеть, куда уходят деньги.

🏢 Управление проектами

Распределение задач по исполнителям, прогресс по этапам, временные затраты. Быстрое выявление узких мест.

🗳️ Результаты опросов

Столбчатая диаграмма ответов на вопросы, круговая диаграмма распределения мнений в процентах. Наглядная визуализация обратной связи.

Частые вопросы о конструкторе графиков

Как вставить данные из Excel или текста?
Скопируйте диапазон в Excel или Google Таблицах вместе со строкой заголовков и вставьте его в первую ячейку таблицы (Ctrl + V) — названия столбцов станут названиями рядов. Числа из письма или сообщения вставьте в поле «Вставить данные»: подойдут записи вида «Январь 120», «Да — 45%; Нет — 30%» или таблица из нейросети. Конструктор покажет, сколько строк и рядов распознал, а если результат не тот — изменения отменяются кнопкой «Вернуть».
Как сделать диаграмму в процентах?
Впишите проценты как есть: «45%», «30%», «25%» — знак процента понимается и появляется на подписях. Круговая диаграмма сама посчитает доли и подпишет секторы процентами, даже если в таблице не проценты, а штуки или рубли. Если проценты в сумме не дают 100 — например, в опросе можно было выбрать несколько ответов, — на круговой конструктор предупредит: такие данные честнее показывать столбцами.
Как построить два ряда на одном графике?
Добавьте ряд кнопкой «+» справа от заголовков таблицы или вставьте из Excel несколько столбцов с числами. У каждого ряда свой цвет: на столбчатой диаграмме столбцы встают рядом или стопкой, на линейном графике — отдельными линиями. Так удобно сравнивать план и факт или два года. Круговая строится по одному ряду — его можно выбрать на вкладке «Оформление».
Как изменить фон и цвета диаграммы?
На вкладке «Оформление» выберите фон: белый, светло-серый, тёплый, тёмно-синий, графитовый, свой цвет или прозрачный — для светлого или для тёмного слайда. Подписи и сетка подстроятся под фон сами. Цвета задаются палитрой или вручную для каждого ряда, столбца и сектора — образцом цвета или кодом HEX, если нужен фирменный цвет.
Как вставить диаграмму в презентацию или Word?
Нажмите «Копировать картинку» и вставьте её в PowerPoint, Word или Google Документы сочетанием Ctrl + V. Можно и скачать PNG: для слайда выберите пропорции 16:9 и размер 1920 пикселей. Прозрачный фон в PNG сохраняется, так что картинка ляжет на цветной слайд без белой рамки.
Как создать диаграмму онлайн бесплатно?
Введите или вставьте данные в таблицу, выберите тип — столбцы, горизонтальные столбцы, линии, круговая или кольцо — и диаграмма нарисуется сразу. Настройте фон, цвета и подписи на вкладке «Оформление», затем скачайте PNG, SVG или PDF либо скопируйте картинку. Это бесплатно, без регистрации и без водяных знаков.
Как создать круговую диаграмму онлайн?
Выберите «Круговая» или «Кольцо» и введите названия сегментов и их значения. Сервис посчитает проценты и подпишет секторы; вид подписей — название и процент, только процент или значение — меняется в оформлении. Лучше всего круговая работает при 3–7 сегментах; нули и отрицательные значения в неё не входят, и конструктор об этом предупреждает.
Как построить столбчатую диаграмму онлайн?
Выберите «Столбцы» или «Горизонтальные» и введите категории и значения. Можно показать значения над столбцами, покрасить каждый столбец своим цветом, отсортировать строки по убыванию и сложить несколько рядов стопкой. Отрицательные значения рисуются вниз от нуля.
Какие форматы файлов поддерживаются?
Для загрузки — CSV и TXT (в том числе из русского Excel в кодировке Windows-1251, с разделителем «;» и десятичной запятой), а также таблицы XLSX, XLS и ODS: берётся первый заполненный лист. Строка заголовков не обязательна — конструктор сам определит, есть ли она. Скачать можно PNG, SVG, PDF и CSV, а таблицу — скопировать для вставки в Excel.
В каком формате скачать диаграмму?
PNG — для презентаций, документов и сообщений; SVG — векторный файл, который масштабируется без потери чёткости; PDF — лист A4 с картинкой в высоком разрешении для печати. Картинка внутри PDF растровая, поэтому для увеличения без потерь лучше SVG.
Как настроить размер диаграммы?
Выберите пропорции: 16:9 для слайда, 4:3, квадрат 1:1 или свою высоту от 200 до 800 пикселей. Ширина подстраивается под экран, а размер скачиваемой PNG выбирается отдельно: вдвое чётче экрана, 1920 или 3000 пикселей по ширине. Размер текста меняется от мелкого до крупного «для слайда».
Сколько данных можно добавить?
До 100 строк и до 10 рядов. Для читаемости лучше держать не больше 20 столбцов в столбчатой диаграмме и 7 сегментов в круговой: подписи самых мелких секторов скрываются, чтобы не налезать друг на друга.
Данные отправляются на сервер?
Нет: таблица, вставленный текст и загруженные файлы обрабатываются в браузере и на сервер сайта не отправляются. Черновик сохраняется только в этом браузере, чтобы после перезагрузки страницы ничего не пропало; очистить таблицу можно кнопкой «Очистить». Вопросы ИИ-помощнику на странице обрабатываются на сервере, поэтому числа для графика удобнее вставить в поле «Вставить данные», а не в чат.

Полезная информация

Конструктор графиков работает в браузере: таблица и файлы не отправляются на сервер сайта, черновик хранится только у вас.

Графики обновляются сразу при изменении данных или настроек. Наведите курсор на столбец, точку или сектор, чтобы увидеть точное значение.

Комментарии (12)

  • анна• 26 нояб. 2025 г., 15:47
    Построение осей: Ось X (горизонтальная): Разместите интервалы стоимости ОПФ (80-110, 110-140, 140-170, 170-200, 200-230, 230-260, 260-290). Каждый интервал должен занимать одинаковое пространство на оси X. Отметьте границы каждого интервала. Ось Y (вертикальная): Ось Y будет представлять количество предприятий. Выберите масштаб так, чтобы все значения частот поместились на оси. Для удобства используйте шаг 10 (0, 10, 20, 30, 40, 50, 60). Максимальное значение частоты в вашем случае - 55,
  • 123• 21 янв. 2026 г., 13:08
    Вообще
  • Анна• 10 дней назад
    Всё хорошо! получилось!
  • Никита• 12 дней назад
    Хороший сайт
  • Biba• 13 дней назад
    Это идеальный сайт, делала презентацию о диаграммах, это чудо
  • Руслан АвдеевОт автора проекта
    Все инструменты на ToolFox бесплатны, и я их дорабатываю сам. Напишите, если инструмент считает неверно, чего-то не хватает или что-то стоит поправить, — по таким комментариям я и решаю, чем заняться дальше.

Почту и пароль указывать не нужно · публикуем после проверки, обычно за 1–2 дня · если вам ответят, ответ появится здесь же

Комментарии — мнения посетителей, прошедшие проверку по правилам сайта; порядок определяется отметками «полезно».