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