Ваши данные
Вставьте таблицу прямо из Excel или Google Таблиц либо перетащите CSV-файл. Никуда ничего не загружается — весь расчёт идёт внутри этой вкладки браузера.
CSV, TSV или обычный текст. Файлы в windows-1251 распознаются и перечитываются автоматически, поэтому кириллица в заголовках не превращается в кракозябры.
Настройки разбора
Столбцы
Результат
Сохранить и поделиться
Библиотека отрисовки скачивается только при нажатии кнопки и только на этой странице.
У этой страницы вообще нет серверной части. Вставленная таблица разбирается кодом JavaScript внутри вашего же браузера, график рисуется на элементе canvas на вашей машине, файл экспорта собирается локально. Ничего не загружается, не хранится и не пишется ни в какие логи. После загрузки страницы можно отключить сеть — всё продолжит работать, и это самый простой способ проверить обещание самостоятельно.
Факты и границы применимости
| Для чего подходит | Три числовые величины, где третья примерно порядковая |
|---|---|
| Масштабирование размера | Радиус ∝ √значения, поэтому значению пропорциональна ПЛОЩАДЬ |
| Диапазон радиуса | от 4 до 26 пикселей, отображается от нуля до наибольшего модуля |
| Третий столбец | Необязателен — оставьте пустым, и диаграмма аккуратно вырождается в точечную |
| Отрицательные размеры | Масштабируются по модулю; отрицательная величина не имеет визуального смысла |
| Что на выходе | PNG в двойном разрешении плюс CSV, JSON и Markdown всех трёх столбцов |
Когда этот метод вводит в заблуждение
- Размер пузырька — наименее точное из распространённых визуальных кодирований. Положение читатель сравнивает хорошо, длины сносно, площади плохо: ожидайте, что третью величину прочтут как «маленький, средний, большой», и не точнее.
- Крупные пузырьки налезают на мелкие и прячут их за собой. Немного помогает сортировка строк так, чтобы крупные рисовались первыми; чаще помогает больше точечная диаграмма с третьей величиной в цвете.
- Поскольку площадь растёт как квадрат радиуса, диаграмма, масштабирующая радиус напрямую, делает большие значения непомерно крупнее. Эта страница масштабирует по квадратному корню, чтобы этого избежать, — но многие инструменты и многие опубликованные диаграммы так не делают, поэтому будьте осторожны, сравнивая эту с другими.
- Три величины на одной картинке — почти предел того, что читатель станет расшифровывать. Четвёртая, унесённая в цвет, обычно выталкивает диаграмму за грань, где кто-либо готов разбираться.
Как это считается
Читаются три столбца: X и Y задают положение пузырька ровно как в диаграмме рассеяния, третий столбец задаёт размер. Строки без любой из координат отбрасываются; строка, где нет только размера, рисуется радиусом по умолчанию.
Размеры отображаются так, чтобы значению была пропорциональна ПЛОЩАДЬ пузырька, а значит радиус пропорционален квадратному корню. Это важнее, чем звучит: если бы радиус отображался напрямую, вдвое большее значение дало бы пузырёк вчетверо большей площади и выглядело бы вчетверо важнее. Это одно из самых частых незаметных искажений в опубликованных диаграммах.
Радиус меняется от 4 до 26 пикселей. Нижняя граница в 4 пикселя сохраняет видимость самых мелких пузырьков; верхняя в 26 не даёт одному доминирующему значению поглотить весь график.
Если оставить столбец размера пустым, все пузырьки рисуются фиксированным радиусом и диаграмма становится обычной точечной. Это сделано намеренно: утилита должна продолжать работать, когда третьей величины у вас не оказалось.
Вопросы и ответы
Почему пузырьки меньше, чем я ожидал?
Потому что вашим значениям пропорциональна площадь, а не радиус. Значение вчетверо больше даёт пузырёк вдвое шире, а не вчетверо. Это и есть корректное кодирование — инструменты, делающие его вчетверо шире, преувеличивают в четыре раза.
Можно взять текстовый столбец для размера?
Нет. Столбец размера должен быть числовым. Если нужно закодировать категорию, точечная диаграмма с цветными группами передаст это гораздо точнее, чем размер пузырька.
Крупные пузырьки закрывают мелкие.
Отсортируйте строки по убыванию столбца размера перед вставкой, чтобы крупные рисовались первыми, а мелкие ложились сверху. Если наложение всё равно сильное, данным, вероятно, нужна точечная диаграмма.
Что происходит с отрицательными размерами?
Они масштабируются по модулю, потому что у пузырька не может быть отрицательной площади. Если отрицательные значения в ваших данных осмысленны, кодируйте их положением или цветом, а не размером.
Что-нибудь отправляется на сервер?
Нет. Все три столбца читаются, масштабируются и рисуются внутри вашего браузера.