Визуализация числовых данных -

1.

Визуализация
числовых данных.
Инфографика
Диаграммы, графики, гистограммы

2.

3.

Круговые и кольцевые диаграммы

4.

Политическая карта Антарктиды представляет собой круговую диаграмму, pie chart.
В Антарктиде нет постоянных жителей, но 7 государств имеют территориальные притязания. Так как континент
не имеет никаких естественных границ и почти полностью покрыт льдом, его разделили на сектора по долготе.
На данный момент использование континента регулируется международным договором, подписанных 54
государствами в 1961 году. По нему разрешается его использование в мирных целях, но запрещается добыча
полезных ископаемых и военная деятельность. Договор действует до 2048 года.

5.

Для разных типов круговых/кольцевых диаграмм
разное восприятие:

6.

Теории заговоров в опросе ВЦИОМ
Россияне стали меньше верить в научные
мифы и конспирологические теории по
сравнению с 2018 годом.
Впрочем, большинство до сих пор считает,
что высадки на Луну не было (49%; -8 п.п.
с 2018 г), ученые скрывают опасность
ГМО продуктов (66%; -13 п.п.), а
российскую историю переписывают
шпионы (60%; -6 п.п.).
Источник
(https://wciom.ru/index.php?id=236&ui
d=10386)

7.

На чём зарабатывали крупнейшие в мире IT-компании в 2019 году
Источник: VisualCapitalist (https://www.visualcapitalist.com/how-big-tech-makes-their-billions-2020)

8.

Соотношение антропогенных источников выбросов парниковых газов, 2016
Источник и подробности (https://ourworldindata.org/ghg-emissions-by-sector)

9.

В классической трактовке основная цель круговой диаграммы и ее вариаций — сравнение долей
при показе статичной структуры.
Но также есть мнение, что главная цель этой диаграммы — реклама и красивые картинки.
Во многом именно Pie Charts уже который год позволяют бизнес-консультантам продавать 30страничные презентации за несколько миллионов. Практически ни одно рекламное изображение
не обходится без круговых диаграмм (или их разновидностей). Это уже не столько инструмент,
сколько символ.
И для реальной визуализации данных он плохо подходит:
• не эффективен, если у вас более 5 наименований,
• трудно сопоставить размер слайсов,
• сложно отсортировать данные по важности,
• маленькие значения практически не считываются,
• не может обойтись без легенды,
• цвета используются только для обозначения разных слайсов, а не для расстановки
правильных акцентов.

10.

Источник: http://home.unicode.org/emoji/emoji-frequency

11.

Этот pie chart должен был отображать, какой процент от общей площади Земли занимает каждая
отдельная страна. Задумка хорошая, но визуализация никуда не годится – из-за большого количества
исходных данных, мы имеем абсолютно нечитабельную диаграмму, из которой достаточно сложно
что-то понять.

12.

7,00
45,00
40,00
10,00
35,00
30,00
40,00
25,00
20,00
17,00
15,00
10,00
5,00
0,00
Москва
Санкт-Петербург
Екатеринбург
Казань
Саратов
25,00
7%
10%
41%
17%
25%
Москва
Санкт-Петербург
Екатеринбург
Казань
Саратов

13.

Доли диаграммы должны значительно отличаться друг от друга, чтобы
информацию легко было воспринять.
Источник: http://blog.atkcg.ru/vizualiziruj-pravilno-pie-chart-drug-ili-vrag/

14.

Используйте плоский дизайн – 3D усложняет понимание информации
на круговой диаграмме.

15.

Лучше всего использовать метки на диаграмме с точными значениями,
чтобы упростить восприятие пользователю.
Саратов
7%
Тверь
1%
Казань
10%
Москва
40%
Екатеринбург
17%
Санкт-Петербург
25%
Москва
Санкт-Петербург
Екатеринбург
Казань
Саратов
Тверь

16.

Сортируйте доли круговой диаграммы от большей к меньшей – тогда
понять и сравнить данные будет намного проще

17.

Лучшее восприятие дают именно обычные круговые диаграммы и
пончики, т.к. они наиболее интуитивны и привычны.
Т.е. по убывающей получается примерно следующее:
Источник: http://blog.atkcg.ru/krugovye-diagrammy-vospriyatie-irealnost/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+DataDaily+%28Data-Daily%29

18.

Следуйте традиционному стилю визуализации данных –
не увеличивайте доли диаграммы отдельно и не меняйте ее форму
(это искажает восприятие данных).
Источник: http://blog.atkcg.ru/krugovye-diagrammy-vospriyatie-irealnost/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+DataDaily+%28Data-Daily%29

19.

Столбчатые диаграммы
(Гистограммы)
Линейчатые диаграммы

20.

Источник (http://banks-finance.ru/2020/01/inostrannye-turisty-vybirajut-rossiju/)

21.

Как выросла капитализация Apple, Microsoft, Google, Amazon и Facebook с 2010 по 2019 годы
Источник (https://www.statista.com/chart/20285/market-capitalization-of-google-apple-facebookamazon-and-microsoft/)

22.

Число сайтов в интернете, 1991–2019
Источник (https://www.statista.com/chart/19058/how-many-websites-are-there/)

23.

Рост числа туристов в некоторых европейских городах в 21 веке: Прага, Флоренция, Барселона, Амстердам
Источник (https://www.theguardian.com/world/2020/jan/25/overtourism-in-europe-historic-cities-sparksbacklash)

24.

Крупнейшие языки мира по числу говорящих на них людей, данные Википедии
(https://en.wikipedia.org/wiki/List_of_languages_by_total_number_of_speakers) на 2019 год
Источник
(https://www.reddit.com/r/dataisbeautiful/comments/f5mjmz/languages_by_speaker_count_type_oc/)

25.

Графики

26.

Динамика числа сообщений об НЛО по всему миру, 1990–2020
По данным американской организации National UFO Reporting Center, которая занимается сбором и
анализом сообщений о контактах с инопланетянами и наблюдении НЛО.
Источник (https://www.statista.com/chart/8452/ufo-sightings-are-at-record-heights/)

27.

Источник (http://visualthink.ru/2020/02/01/corruption_exussr_2020/)

28.

Нормированные гистограммы с
накоплением и диаграммы с
областями

29.

Цвет автомобиля в зависимости от года выпуска (Польша)
Источник
(https://www.reddit.com/r/dataisbeautiful/comments/j7yfqb/oc_car_color_distribution_broken_down_by/)

30.

Потребление пальмового масла в мире, 2007–2019
Источник (https://www.statista.com/chart/20114/global-consumption-of-palm-oil/)

31.

Источники генерации электроэнергии в Британии, 1920—2019
Источник
(https://www.reddit.com/r/dataisbeautiful/comments/el95ww/britains_electricity_generation_mix_over
_the_last/)

32.

Общие советы

33.

Используйте полные шкалы
Бросание одной монеты
Бросание одной монеты
0,515
1
0,51
0,9
0,8
0,505
0,7
0,5
0,6
0,495
0,5
0,49
0,4
0,3
0,485
0,2
0,48
0,1
0,475
0
Орёл
Решка
Орёл
Решка

34.

Упрощайте менее важную информацию
Источник: http://blog.atkcg.ru/diagrammy-top-3-soveta-kak-nado-i-kak-ne-nado-delat/

35.

• Не используйте 3D и/или подписи на самом графике
3D-эффекты снижают понимание информации на графиках. Размещение
подписей прямо на графиках часто усложняет восприятие, а также мешает
сравнению размеров долей. Помните, что сначала человеческое сознание
улавливает форму и цвет объектов, а потом уже символы и цифры.
• Не используйте более шести цветов
Использование относительно универсальных для восприятия цветов облегчает
понимание информации. Чем больше цветов вы используете в визуализации
данных, тем сложнее становится уловить суть данных.
• Не меняйте основной стиль темы диаграмм
Для того, чтобы облегчить процесс сравнения элементов, используйте единую
тему стиля. В таком случае, глаз человека способен выявить паттерны.
Используйте единый стиль цвета, подписей, оси.

36.

Собран большой объем
очень разных по типу
данных.
Что делать?

37.

Интерактивные
диаграммы и графики

38.

Исследование роста числа домохозяйств с одним
человеком
The rise of living alone: how one-person households are becoming
increasingly common around the world
by Esteban Ortiz-Ospina
December 10, 2019

39.

Интерактивные обновляемые диаграммы по короновирусу, где можно посмотреть:
— рейтинг стран по количеству выявленных случаев и выявленных смертей в динамике
— динамику выявленных случаев во времени по странам
— динамику роста во времени по странам
— сводную статистику по России и по США
— количество случаев по регионам России и штатам США
Интерактив (https://www.cashin.ru/virus)
Рассказ о проекте (http://blog.infotanka.ru/all/reyting-stran-po-kolichestvu-zabolevshih-koronavirusom)

40.

Динамические
диаграммы и графики

41.

Динамика числа международных туристов в странах мира, 1995–2019
Источник
(https://www.reddit.com/r/dataisbeautiful/comments/hgqddp/oc_international_tourism_most_visited_
countries/)

42.

Генератор «гонок гистограмм»
Визуализации типа bar chart race довольно популярны.
Можно, например, создать такую со своим набором данных при помощи открытого и бесплатного инструмента
Barchartrace.
https://fabdevgit.github.io/barchartrace

43.

Браузеры и их доля рынка, 1994–2019
Источник (https://twitter.com/AlecStapp/status/1300541450770407425?s=19)

44.

Нарисовать много
разных графиков и
диаграмм

45.

Брачная статистика России
— Возраст вступления в брак
— Браки и разводы на 1000 человек
— Число браков по месяцам года
— Соотношение женщин и мужчин по регионам
— Рождение детей вне брака
— В каком возрасте рожают
— Сколько времени тратят на домашние дела
— Через сколько лет разводятся
— Число разводов по месяцам года
Источник и подробности
(https://tass.ru/obschestvo/8901099)

46.

Дашборды
https://powerbi.microsoft.com/ru-ru/