Создатель столбчатых диаграмм
Создайте понятную столбчатую диаграмму из двух–двадцати именованных категорий и одной–четырёх серий данных. Вводите значения в редактируемую таблицу либо вставьте CSV или текст с разделением табуляцией и строкой заголовков. Выберите сгруппированные или составные столбцы, вертикальную или горизонтальную компоновку, палитру, подписи, линии сетки и примечание об источнике. Диаграмма, исходные данные и экспорт создаются в вашем браузере. Скачайте готовую диаграмму как SVG или PNG либо сохраните данные в CSV.
Как создать столбчатую диаграмму
-
1
Добавьте подписанные данные
Используйте таблицу для двух–двадцати категорий и одной–четырёх серий либо вставьте строки CSV или с разделением табуляцией. У каждой категории должно быть имя, а каждое значение должно быть конечным числом не меньше нуля.
-
2
Выберите способ сравнения
Сгруппированные столбцы позволяют сравнить каждую серию в категории, а составные показывают итог по категории. Выберите вертикальные или горизонтальные столбцы, затем добавьте заголовок, подписи осей, источник и параметры отображения.
-
3
Проверьте и экспортируйте
Прочтите таблицу данных рядом с диаграммой, проверьте повторяющиеся названия категорий и скачайте текущую диаграмму как SVG или PNG. Также можно скопировать или скачать исходный CSV.
Выбирайте сгруппированные или составные столбцы под свою задачу
Сгруппированная столбчатая диаграмма располагает серии рядом друг с другом внутри каждой категории. Она полезна, когда важно сравнение внутри категории: например, этого года с прошлым для регионов Север, Юг, Восток и Запад. Составная столбчатая диаграмма складывает серии в каждой категории. С ней удобно видеть итог категории и его части, но сравнивать серию, которая не начинается от нуля, менее удобно.
Этот инструмент принимает только неотрицательные конечные значения. Используйте его для количества, сумм, ставок или других показателей, где ноль имеет смысл как исходная точка. Он не рисует отрицательные столбцы, не вычисляет проценты, не определяет статистически подходящий вид диаграммы и не делает выводов из чисел. Давайте каждой категории и серии конкретное имя, а к подписи оси значений добавляйте единицу измерения, если это помогает, например Заказы, Минуты или EUR.
| Цель | Подходящая настройка | Почему |
|---|---|---|
| Сравнить 2025 и 2026 годы в каждом регионе | Сгруппированные столбцы | У обоих лет одна и та же нулевая база в каждом регионе |
| Показать, из чего складывается региональный итог | Составные столбцы | Каждый цветной сегмент вносит вклад в итог категории |
| Сделать длинные названия категорий удобнее для чтения | Горизонтальные столбцы | Для подписей больше места слева |
| Сохранить значения для проверки | Экспорт CSV или таблица данных | Читатель может изучить подписанные значения, не оценивая высоту столбцов |
Пример: заказы по кварталам
Вставьте этот CSV, чтобы сравнить два года. Первая строка называет столбец категорий и серии, последующие строки называют категории и содержат числовые значения.
Квартал,2025,2026
К1,42,55
К2,36,48
К3,51,46
К4,28,39
При вертикальных сгруппированных столбцах К1 показывает 42 за 2025 год рядом с 55 за 2026 год. Переключайтесь на составные столбцы, только если хотите подчеркнуть общий итог квартала. Прозрачный фон может подойти для вставки в документ, а белый фон часто проще читать сам по себе.
Читаемые данные диаграммы и конфиденциальность
У созданного SVG есть заголовок и краткое описание, а страница выводит те же значения категорий и серий в структурированной таблице с заголовками строк и столбцов. Таблица полезна тем, кому нужны точные значения, и уменьшает зависимость от одного лишь цвета столбцов. Давайте сериям разные имена и оставляйте значения видимыми, когда важны сами числа.
Названия категорий, значения, выбранное оформление и созданный SVG остаются в браузере. В многошаговом процессе рабочее состояние сохраняется в хранилище сеанса этой вкладки, чтобы перейти между шагами; оно не помещается в URL и не отправляется через Livewire. Загрузки SVG, PNG и CSV создаются локально. Закрытие вкладки или очистка её хранилища сеанса могут удалить незавершённую диаграмму, поэтому экспортируйте копию, если хотите её сохранить.
Часто задаваемые вопросы
Можно использовать от двух до двадцати строк с именованными категориями и от одной до четырёх именованных серий. Вставленная таблица должна содержать строку заголовков с Категорией и от одной до четырёх колонок серий. Каждое значение должно быть конечным неотрицательным числом, и хотя бы одно значение должно быть больше нуля.
Сгруппированные столбцы располагают серии рядом друг с другом для каждой категории, поэтому сравнивать их внутри категории легко. Составные столбцы складывают серии в каждой категории и могут показать итог и его части. Инструмент не выбирает подходящий вариант за вас.
Нет. Эта версия импортирует только вставленный CSV или текст с разделением табуляцией; она не загружает и не читает локальный файл. Она принимает конечные значения от нуля и не рисует отрицательные значения.
В ней каждая категория указана в строке, а каждая именованная серия: в столбце, вместе со значениями, по которым строится диаграмма. В SVG также включены заголовок и краткое описание. Используйте таблицу, когда нужно проверить точные значения, а не оценивать их по столбцам.
Нет. Названия категорий, значения, настройки, созданный SVG и загрузки остаются в браузере. В необязательном многошаговом процессе рабочая диаграмма хранится в хранилище сеанса этой вкладки и не помещается в URL и не отправляется в запросах Livewire. При обычной навигации по странице всё равно выполняются стандартные запросы страниц.
Можно скачать текущую диаграмму как векторное изображение SVG или изображение PNG и скачать исходные данные в CSV. Также можно скопировать созданный CSV в буфер обмена, если эта возможность доступна в браузере.
Сопутствующие инструменты
Генератор мемов
Создавайте мемы по популярным шаблонам вроде Drake, Distracted Boyfriend или Doge либо загружайте свое изображение. Верхний и нижний текст, шрифт Impact, обводка и тень.
Генератор QR-кодов
Создавайте QR-код из текста или URL в браузере и скачивайте его в PNG.
Изменение размера изображений
Меняйте размер изображений до точных пиксельных размеров или процентов, сохраняя пропорции. Подходит для пакетной подготовки, без загрузки файлов.
Генератор штрихкодов
Создавайте сканируемые 1D штрихкоды в Code 128, Code 39, EAN-13, UPC-A, ITF-14 и Codabar. Экспортируйте в PNG, SVG или PDF для печати.
Создание GIF
Преобразуйте серию изображений или короткое видео в анимированный GIF. Настройте частоту кадров, повторы и размер перед экспортом.
WebP в JPG
Конвертируйте изображения WebP в JPG/JPEG прямо в браузере. Выберите качество, объедините прозрачность с цветом фона и скачайте без загрузки файлов на сервер.