Построить столбчатую диаграмму онлайн
Вставьте категории и значения, чтобы мгновенно построить столбчатую диаграмму — вертикальную или горизонтальную, один или два ряда. Подпишите оси, выберите цвет и скачайте PNG или SVG. Бесплатно, без регистрации, и ваши данные никогда не покидают браузер.
Попробуйте пример набора данных
Отрисовывается локально в вашем браузере — данные никуда не загружаются.
Сводка ваших данных
Категории
5
Максимум
51
Минимум
28
Сумма
195
Среднее
39
Нужна диаграмма распределения? Генератор гистограмм · Калькулятор среднего, медианы и моды
Таблица данных
| Категория | Значение |
|---|---|
| Север | 42 |
| Юг | 35 |
| Восток | 28 |
| Запад | 51 |
| Центр | 39 |
- 01Постройте столбчатую диаграмму онлайн за секунды — вставьте данные, и график обновится сразу.
- 02Вертикальные или горизонтальные столбцы; один ряд или двойные (сгруппированные) столбцы.
- 03Вставка категории/значения из Excel, Google Таблиц или столбцов CSV.
- 04Смотрите число категорий, max, min, сумму и среднее под графиком.
- 05Скачайте в PNG или SVG либо поделитесь ссылкой, которая воспроизводит ваш график — бесплатно, без регистрации.
Почему стоит использовать этот генератор столбчатых диаграмм
Мгновенный живой график
Столбчатая диаграмма перерисовывается по мере ввода — без загрузки файлов и ожидания. Вставьте пары категория/значение прямо из Excel, Google Таблиц или CSV, и график появится сразу.
Вертикальная или горизонтальная
Переключайтесь между классической вертикальной столбчатой диаграммой и горизонтальной одним кликом. Горизонтальные столбцы идеальны для длинных названий категорий и рейтинговых списков.
Двойные столбчатые диаграммы
Добавьте необязательный второй ряд, чтобы построить сгруппированную (двойную) столбчатую диаграмму — идеально для «этот год vs прошлый», план vs факт или любого сравнения рядом. Ряды выравниваются по меткам, когда это возможно.
Сводные статистики в комплекте
К каждому графику прилагаются число категорий, максимум, минимум, сумма и среднее — плюс таблица данных, зеркалящая то, что вы видите на диаграмме.
Экспорт и обмен
Скачайте готовый к публикации график одним кликом: чёткий PNG в 2× для слайдов и домашних заданий или масштабируемый SVG, который можно править в любом векторном редакторе. Скопируйте изображение в буфер обмена или поделитесь ссылкой, которая воссоздаёт точно такой же график — вместе с данными и настройками.
Бесплатно и приватно
Всё работает в вашем браузере — данные никогда не отправляются на сервер. Без регистрации, без ограничений, без платного доступа. Просто постройте столбчатую диаграмму и пользуйтесь.
Что такое столбчатая диаграмма?
Столбчатая диаграмма (bar chart или bar graph) сравнивает значения по отдельным категориям. Каждая категория рисуется прямоугольным столбцом, длина или высота которого пропорциональна значению. Столбчатые диаграммы упрощают ранжирование, поиск самых больших и самых маленьких групп и сравнение двух рядов рядом с помощью двойной столбчатой диаграммы.
Готовите ли вы школьное задание, отчёт о продажах или быстрое сравнение для презентации — ясная столбчатая диаграмма часто самый быстрый способ заставить цифры говорить, а этот бесплатный генератор bar chart даёт вам график и сводку в одном месте.
- Столбчатая диаграмма и гистограмма
- Столбчатая диаграмма сравнивает отдельные категории — между столбцами есть промежутки, и их можно переставлять. Гистограмма группирует непрерывные числовые данные по интервалам (бинам), поэтому столбцы соприкасаются, а их порядок задан числовой осью. Если по оси x у вас метки вроде регионов или продуктов — вам нужна столбчатая диаграмма; если шкала измерений — используйте гистограмму.
- Вертикальная и горизонтальная
- Вертикальные столбцы — вариант по умолчанию для небольшого числа категорий. Горизонтальные столбцы выигрывают, когда названия категорий длинные или когда нужен рейтинговый список, читаемый сверху вниз.
- Двойные (сгруппированные) столбчатые диаграммы
- Двойная столбчатая диаграмма ставит два столбца на категорию, чтобы сравнивать два ряда — например этот год и прошлый. Столбцы рисуются рядом в каждой категории и делят общую шкалу значений.
- Когда использовать столбчатую диаграмму
- Используйте столбчатую диаграмму для счётчиков, сумм, оценок или любой меры по дискретным группам. Предпочитайте линейный график для непрерывных временных рядов и гистограмму для формы числового распределения.
Как построить столбчатую диаграмму онлайн
- 01
Вставьте данные
Введите или вставьте пары категория/значение — по одной на строку, например «Север, 42». Копирование двух столбцов из Excel или Google Таблиц работает. Для двойной столбчатой диаграммы заполните необязательное поле второго ряда совпадающими метками или тем же порядком.
- 02
Выберите ориентацию
Выберите вертикальные столбцы для классической столбчатой диаграммы или горизонтальные, когда метки длинные. График обновляется в реальном времени при правках.
- 03
Подпишите график
Задайте заголовок и подписи осей, чтобы столбчатая диаграмма была понятна сама по себе в отчёте или работе. Выберите цвет столбцов под свой документ (один ряд).
- 04
Скачайте и поделитесь
Экспортируйте готовую столбчатую диаграмму в PNG или SVG. Используйте полосу сводки и таблицу данных под графиком, чтобы описать сравнение: максимум, минимум, сумму и среднее.
Советы для более качественных столбчатых диаграмм
Начинайте ось значений с нуля
Длина столбца кодирует величину, поэтому обрезанная ось преувеличивает различия. Этот инструмент начинает шкалу значений с нуля, когда все значения неотрицательны — сохраняйте это при доработке экспорта.
Используйте горизонтальные столбцы для длинных меток
Если названия категорий переносятся или сталкиваются под вертикальным графиком, переключитесь на горизонтальную ориентацию, чтобы каждая метка оставалась читаемой.
Держите категории управляемыми
Более чем примерно дюжина категорий перегружает ось. Объединяйте мелкие элементы в «Прочее» или сортируйте и показывайте top N для более чистой истории.
Указывайте единицы измерения
Ось с подписью «Выручка (тыс. ₽)» или «Оценка» делает график понятным сам по себе. Ставьте единицы в подпись оси, а не только в заголовок.
Используйте двойные столбцы для честных сравнений
При сравнении двух периодов или групп двойная столбчатая диаграмма держит оба ряда на одной шкале, поэтому различия честны и легко видны.
Не используйте столбчатую диаграмму для распределений
Если нужна форма непрерывных чисел — скос, пики, выбросы — используйте гистограмму, а не столбчатую диаграмму сырых значений.
Понятия столбчатой диаграммы
Определение столбчатой диаграммы
Столбчатая диаграмма — график, представляющий категориальные данные прямоугольными столбцами. Длина каждого столбца пропорциональна значению, которое он представляет, поэтому сравнения между категориями мгновенны и наглядны.
Что показывает столбчатая диаграмма
- Рейтинг: какие категории наибольшие или наименьшие.
- Величина: абсолютный размер каждой группы на общей шкале.
- Сравнение: два ряда рядом в двойной столбчатой диаграмме.
- Разрывы: категории, выделяющиеся на фоне остальных.
Важные дизайнерские решения
Начинайте ось значений с нуля, осмысленно сортируйте, когда порядок не важен, предпочитайте горизонтальный вид для длинных меток и оставляйте гистограммы для непрерывных распределений, а не превращайте числовые данные в произвольные категории.
Полезные вычисления
Сумма по категориям
Сумма = Σ значений
42 + 35 + 28 + 51 + 39 = 195.
Среднее значение
Среднее = Сумма ÷ n
195 ÷ 5 = 39.
Доля от суммы (необязательно)
Доля = (значение ÷ сумма) × 100%
Запад 51 из 195 → около 26%.
Сгруппированное сравнение
Δ = ряд1 − ряд2
Север 42 vs 38 → +4 год к году.
Вопросы и ответы о генераторе столбчатых диаграмм
Q01Как построить столбчатую диаграмму по моим данным?
Вставьте пары категория и значение в поле данных — по одной на строку, разделённые запятой, табуляцией или пробелом (например Север, 42). Столбчатая диаграмма строится мгновенно. При желании добавьте второй ряд для двойной столбчатой диаграммы, выберите вертикальную или горизонтальную ориентацию, подпишите оси, затем скачайте PNG или SVG.
Q02Чем столбчатая диаграмма отличается от гистограммы?
Столбчатая диаграмма (bar chart) сравнивает отдельные категории: между столбцами есть промежутки, и их можно переставлять. Гистограмма показывает распределение непрерывных числовых данных, группируя значения по интервалам; столбцы соприкасаются и следуют числовой оси. Используйте этот генератор столбчатых диаграмм для категорий; Генератор гистограмм — для распределений.
Q03Как построить двойную столбчатую диаграмму?
Введите основные категории и значения в первое поле данных, затем заполните необязательное поле второго ряда другим набором значений. Совпадающие метки категорий выравниваются автоматически; если метки различаются, значения сопоставляются по порядку строк. График рисует сгруппированные столбцы рядом с легендой.
Q04Можно ли построить горизонтальную столбчатую диаграмму?
Да. Установите «Ориентация» в «Горизонтальные столбцы». Значения идут по горизонтальной оси, категории складываются вертикально — идеально для длинных названий и рейтинговых списков.
Q05Можно ли вставить данные из Excel или Google Таблиц?
Да. Скопируйте два столбца (категория и значение) и вставьте в поле данных. Табуляции, запятые, точки с запятой и переносы строк принимаются. Для двойной столбчатой диаграммы вставьте второй столбец значений во второе поле ряда.
Q06Как скачать столбчатую диаграмму или поделиться ею?
Нажмите PNG, чтобы получить растровое изображение высокого разрешения (отрисовано в 2× для чётких слайдов и документов), или SVG — масштабируемый векторный файл, который можно править в Figma, Illustrator или Inkscape. Экспортированные файлы несут небольшую подпись kanaries.net в углу — на экранном графике её нет. Также можно скопировать PNG в буфер обмена или нажать «Поделиться ссылкой», чтобы скопировать URL, воспроизводящий точный график; данные идут во фрагменте ссылки и никогда не загружаются на сервер.
Q07Этот генератор столбчатых диаграмм бесплатный и приватны ли мои данные?
Да, и то и другое. Инструмент полностью бесплатен, без регистрации и ограничений, и работает целиком в вашем браузере — данные никогда не отправляются ни на какой сервер, поэтому его можно безопасно использовать с личными или конфиденциальными числами.
Q08Когда использовать генератор столбчатых диаграмм вместо генератора гистограмм?
Используйте генератор столбчатых диаграмм, когда каждый столбец — именованная категория (регион, продукт, уровень класса). Используйте генератор гистограмм, когда у вас список измерений и нужно увидеть, как они распределены по числовым интервалам.