Блог
Графики из данных

Столбчатая диаграмма из CSV онлайн

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

Ваши данные

Вставьте таблицу прямо из Excel или Google Таблиц либо перетащите CSV-файл. Никуда ничего не загружается — весь расчёт идёт внутри этой вкладки браузера.

CSV, TSV или обычный текст. Файлы в windows-1251 распознаются и перечитываются автоматически, поэтому кириллица в заголовках не превращается в кракозябры.

Настройки разбора

Столбцы

Результат

Библиотека отрисовки скачивается только при нажатии кнопки и только на этой странице.

У этой страницы вообще нет серверной части. Вставленная таблица разбирается кодом JavaScript внутри вашего же браузера, график рисуется на элементе canvas на вашей машине, файл экспорта собирается локально. Ничего не загружается, не хранится и не пишется ни в какие логи. После загрузки страницы можно отключить сеть — всё продолжит работать, и это самый простой способ проверить обещание самостоятельно.

Факты и границы применимости

Для чего подходит Сравнение величины несвязанных категорий
Нулевая база Обязательна. Ось начинается с нуля, и эта страница не даёт это изменить.
Комфортный диапазон от 3 до 25 категорий; дальше переходите на горизонтальные
Длина подписей Длинные названия сталкиваются при вертикальных столбцах — с ними правильно работает горизонтальная версия
Сортировка Строки рисуются в том порядке, в каком вставлены, — сортируйте в таблице заранее
Что на выходе PNG в двойном разрешении плюс CSV, JSON и Markdown

Когда этот метод вводит в заблуждение

Как это считается

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

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

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

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

Вопросы и ответы

Можно начать ось не с нуля?

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

Как отсортировать столбцы по убыванию?

Отсортируйте данные в своей таблице перед вставкой. Столбцы рисуются строго в порядке поступления — так картинка остаётся предсказуемой и полностью под вашим контролем.

Названия категорий налезают друг на друга.

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

Можно показать два значения на категорию?

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

Мои данные куда-нибудь загружаются?

Нет. У страницы нет серверной части; всё происходит внутри браузера, и это можно проверить, отключив сеть.

Обратная утилита

Нужно наоборот? Горизонтальная линейчатая диаграмма Рейтинг, где длинные названия наконец помещаются

Похожие утилиты

Все утилиты