Перегляд вихідного коду сторінки Бульбашкова діаграма

[[Файл:Bubble_Chart_of_Crime_versus_Poverty_in_50_states.jpg|міні|Бульбашкова діаграма, що відображає взаємозв'язок між бідністю та насильством і рівнем злочинів проти власності за державою. Більші бульбашки вказують на вищий відсоток жителів штату на рівні бідності або нижче. Тенденція свідчить про вищий рівень злочинності в штатах з вищим відсотком людей, які живуть нижче рівня бідності.]]
'''Бу́льбашкова діагра́ма'''&nbsp;— це тип [[Діаграма (представлення даних)|діаграми]], що відображає три виміри даних. Кожна сутність з її трійкою (''v''<sub>1</sub>, ''v''<sub>2</sub>, ''v''<sub>3</sub>) пов'язаних даних побудована як круг, який виражає два значення ''v<sub>i</sub>'' через розташування ''xy'' диска і третє через його розмір. Бульбашкові діаграми можуть полегшити розуміння взаємозв'язків у соціальних, економічних, медичних та інших наукових даних.

Бульбашкові діаграми можна вважати різновидом [[Точкова діаграма|точкової діаграми]], на якій точки даних замінено бульбашками. Як пояснюється в документації до [[Microsoft Office]], «Ви можете використовувати бульбашкову діаграму замість точкової діаграми, якщо ваші дані мають три ряди даних, кожне з яких містить набір значень. Розміри бульбашок визначаються значеннями у третьому ряді даних.».<ref>[https://support.office.com/en-US/article/Present-your-data-in-a-bubble-chart-424D7BDA-93E8-4983-9B51-C766F3E330D9 Present your data in a bubble chart] {{Webarchive|url=https://web.archive.org/web/20190409020000/https://support.office.com/en-us/article/present-your-data-in-a-bubble-chart-424d7bda-93e8-4983-9b51-c766f3e330d9 |date=9 квітня 2019 }} Microsoft Office Online. Accessed 16 August 2015.</ref>

== Правильний вибір розміру бульбашок ==
Використання бульбашок для подання скалярних (одновимірних) значень може ввести в оману. [[Зоровий аналізатор|Зорова система людини,]] природно, сприймає розмір диска з точки зору його [[Площа|площі]]. Однак програмне забезпечення для діаграм може використати третє значення даних як радіус або діаметр бульбашки. В такому разі, видимі відмінності в розмірах між дисками будуть нелінійними (квадратичними) та оманливими. Щоб отримати правильно збалансовану шкалу, потрібно зробити радіус кожного диска пропорційним [[Квадратний корінь|квадратному кореню]] відповідного значення даних ''v''<sub>3</sub>. Іншими словами, якщо [[застосунок]] для побудови графіків використовує параметр як радіус бульбашки, а не її площу, замініть кожне значення його квадратним коренем, перш ніж передати його для побудови.

Проблема масштабування може призвести до помилкової інтерпретації, особливо там, де діапазон даних має великий розкид. І оскільки багато людей не знають або не зважають на цю проблему та її вплив на сприйняття, ті, хто про це знає, часто вагаються у тлумаченні бульбашкової діаграми, оскільки їм не відомо, чи зроблено корекцію масштабу. Тому важливо, потрібно не лише правильно масштабувати дані для бульбашкової діаграми, але й чітко зазначати, що дані передаються саме площею, а не радіусом чи діаметром.<ref>[[Едвард Тафті|Edward Tufte]], ''The Visual Display of Quantitative Information''. Cheshire, CT: Graphics Press. (2001, 2nd edition, {{ISBN|0-9613921-4-2}})</ref>

== Подання нульових або від'ємних значень даних на бульбашкових діаграмах ==
[[Метафора|Метафоричне]] подання значень даних як площ кругів неможливо поширити на відображення від'ємних або нульових значень. Як варіант, деякі користувачі бульбашкових діаграм вдаються до графічних позначень, щоб показати недодатні значення даних. Наприклад, від'ємне значення <math>v < 0</math> можна подати кругом площі <math>v</math> в центрі якого певний символ, на зразок «×», показує, що розмір круга демонструє [[Модуль (математика)|модуль]] від'ємного значення даних. І цей підхід виявляється досить ефективним у ситуаціях, коли модулі значень даних є важливими&nbsp;— іншими словами, коли значення <math>v</math> і <math>-v</math> схожі в певному контексті&nbsp;— так що їх подання [[Конгруентність (геометрія)|конгруентними]] дисками має сенс.

Для подання нульових значень іноді взагалі обходяться без кругів, використовуючи, скажімо, квадрат із центром у відповідному місці. Інші використовують заповнені кола для додатних, а порожні&nbsp;— для від'ємних значень.

== Включення подальших вимірів даних ==
[[Файл:Vs_figuratief.PNG|міні| Серія бульбашок на [[Географічна карта|карті]] називається пропорційною символьною{{Уточнити}} картою або інколи «бульбашковою картою»]]
Додаткову інформацію про сутності, що виходять за межі трьох основних значень, можна включити, заповнюючи круги різними кольорами чи візерунками, які вибираються за певним правилом. Більше даних можна подати, доповнивши круги підписами, наприклад, короткими посиланнями на пояснювальні тексти тощо.

== Інше використання ==
[[Файл:Bubble_chart_showing_the_quantity_of_professions_people_,creating_programming_languages,_have.svg|міні| Кругова упакована діаграма, яку іноді називають «бульбашковою діаграмою», показує розподіл за професіями людей, які створюють мови програмування]]

* В [[Архітектура|архітектурі]] термін «бульбашкова діаграма» також застосовується до першого архітектурного [[Ескіз (живопис)|ескізу]] макета, побудованого з бульбашок.<ref>Bryan Lawson (2004). ''What Designers Know''. Elsevier, 2004. {{ISBN|0-7506-6448-7}}. p.44.</ref>
* У [[Програмна інженерія|програмній інженерії]] «бульбашкова діаграма» може означати [[Діаграма потоків даних|діаграму потоку даних]] або [[Структура даних|структури даних]] або іншу діаграму, на якій сутності зображені колами чи бульбашками, а взаємозв'язки подано лініями, проведеними між ними.
* У [[Візуалізація інформації|візуалізації інформації]] «бульбашкова діаграма» може означати техніку, в якій набір числових величин подано щільно упакованими колами, площі яких пропорційні величинам. На відміну від традиційної бульбашкової діаграми, в такий варіант не використовують положення за осями x або y, а прагнуть упакувати кола якомога щільніше, щоб ефективно використати простір. Ці бульбашкові діаграми, після введення {{Нп|Фернанда Вієгас|Фернандою Вієгас|en|Fernanda Viégas}} та {{Нп|Мартіном Ваттенбергом|Мартін Ваттенберг|en|Martin M. Wattenberg}}<ref>2007: Many Eyes: A Site for Visualization at Internet Scale. Fernanda B. Viégas, Martin Wattenberg, Frank van Ham, Jesse Kriss, Matt McKeon. IEEE Symposium on Information Visualization.</ref>, стали популярним методом відображення даних. Кругові упаковані діаграми включені до популярних наборів засобів візуалізації, таких як D3<ref>{{Cite web|url=https://www.d3-graph-gallery.com/circularpacking|title=Circular Packing|publisher=d3-graph-gallery.com|accessdate=9 вересня 2020|archive-date=7 травня 2020|archive-url=https://web.archive.org/web/20200507141427/https://www.d3-graph-gallery.com/circularpacking}}</ref>, і використовуються, наприклад, в [[New York Times]].<ref>{{Cite news|last=Carter|first=Shan|title=Four Ways to Slice Obama’s 2013 Budget Proposal|url=https://www.nytimes.com/interactive/2012/02/13/us/politics/2013-budget-proposal-graphic.html?_r=0|work=New York Times|accessdate=6 листопада 2020|archive-date=18 лютого 2018|archive-url=https://web.archive.org/web/20180218045411/http://www.nytimes.com/interactive/2012/02/13/us/politics/2013-budget-proposal-graphic.html?_r=0}}</ref>

== Див. також ==
* [[Зведена діаграма]]

== Примітки ==
{{примітки|2}}

== Посилання ==
* {{Cite news|last=Wolfer|first=Tom|date=2017-05-05|title=Bubble Chart Analytics for Business|url=https://www.linkedin.com/pulse/bubble-chart-analytics-business-tom-wolfer-mba-iabc/?lipi=urn%3Ali%3Apage%3Ad_flagship3_profile_view_base_post_details%3BaNdE5ur7QdehH0jwfu%2Ft5w%3D%3D.story|work=LinkedIn|accessdate=2018-07-20}}
* {{Commons category-inline|Bubble charts}}
* [http://fractalytics.io/bubble-chart-with-d3js Приклад бульбашкової діаграми з d3.js (ПІІ G20)] {{Webarchive|url=https://web.archive.org/web/20201030020353/http://fractalytics.io/bubble-chart-with-d3js |date=30 жовтня 2020 }}
[[Категорія:Візуалізація даних]]