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

Круговая диаграмма из CSV онлайн

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

Ваши данные

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

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

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

Столбцы

Результат

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

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

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

Для чего подходит Один итог, разложенный на несколько частей, показанный однократно
Ограничение по секторам Двенадцать; всё сверх того автоматически сворачивается в сектор «Прочее»
Идеальное число от 2 до 6 секторов
Отрицательные значения Игнорируются — доля целого не может быть отрицательной
Центр Сплошной; под секторы используется весь круг
Сортировка Секторы отсортированы по убыванию — это единственный порядок, который читатель может проследить
Что на выходе PNG в двойном разрешении плюс CSV и JSON со значениями и процентами

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

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

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

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

Если категорий больше двенадцати, самые мелкие объединяются в один сектор «Прочее», а подпись сообщает, сколько именно свёрнуто. Это решение утилита принимает намеренно: после дюжины секторов диаграмма несёт меньше информации, чем таблица, из которой она получена.

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

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

Когда круговая диаграмма — правильный выбор?

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

Почему часть моих категорий объединили в «Прочее»?

Потому что их было больше двенадцати. Круговая на двадцать секторов — это цветовой круг, а не диаграмма. Подпись под результатом сообщает, сколько категорий свёрнуто, а в выгруженном CSV по-прежнему лежат все исходные строки.

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

Две картинки сделать можно, но читатель не сумеет надёжно сравнить углы между отдельными изображениями. Накопительная или нормированная столбчатая отвечают на этот вопрос гораздо лучше.

Итог не совпадает с суммой в моей таблице.

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

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

Нет. Вся диаграмма считается и рисуется внутри вашего браузера, без участия сервера.

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

Нужно наоборот? Кольцевая диаграмма из CSV Круговая, у которой вынули середину и вернули туда итог

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

Все утилиты