Алгоритм Δλ: визуальные атомы, часть 3

Мини-графики

Иногда смысловой частицей данных, которую мы изучаем и сравниваем, является не единичное значние, а набор или серия значений. На прошедшем в апреле учебном курсе один из студентов визуализировал показания датчиков, контролирующих производственные процессы. Десятки датчиков измеряли различные величины иногда с частотой раз в секунду. В такой ситуации формально квантом информации является отдельное измерение, но осмысленной частицей данных будет «поток», то есть последовательность значений с каждого датчика. Потоки визуализируются мини-графиками, из которых складывается общая картина и которые можно сравнивать между собой. Вот грубая иллюстрация на примере схемы Регуляра — реальное расположение приборов и визуализация:

 
regular - Алгоритм Δλ: визуальные атомы, часть 3

Вид мини-графика зависит от измеряемой величины, можно отметить минимумы, максимумы и допустимый диапазон

На визуализации занятости жителей Миннесоты хорошо видна сезонность в одних отраслях, рост и спад в других:

employment 2x 1024x505 - Алгоритм Δλ: визуальные атомы, часть 3

Видно появление и исчезновение таинственной отрасли Animal Aquaculture и космической программы — Space Research and Technology, в полной версии на сайте

Для удобства чтения все графики имеют одинаковую высоту в максимальной точке, соответсвенно разный масштаб. Конкретные значения показаны при наведении.

Частота употребления слов в официальных обращениях американских политиков:

words 2x 427x1024 - Алгоритм Δλ: визуальные атомы, часть 3

Резкие пики сопровождаются пояснениями редакции

Климат разных городов на визуализации температурных рекордов, сравниваем толщину (разброс температур) и окраску (конкретные значения относительно нуля):

 
weather 2x 1024x791 - Алгоритм Δλ: визуальные атомы, часть 3

Активность у своих и чужих ворот, слабые и сильные стороны команд на визуализации голевых моментов:

football big 2x 1024x480 - Алгоритм Δλ: визуальные атомы, часть 3

Мини-графики хороши для больших наборов значений со стройной иерархией внутри. Осмелившись показать все значения, не усредняя и не обедняя выборку, вы получите информационно насыщенную, интересную для изучения визуализацию.

Узнайте о других решениях

Географические атомы: точка, объект, область, маршрут

Визуальные атомы на карте могут быть точечными (точки, круги, объекты), площадными (области) и протяжёнными (линии).

Точки на карте — это места, события и объекты с конкретными координатами. В зависимости от масштаба карты точка может быть квартирой в доме на конкретной улице или целым городом.

Например, квартиры, сдающиеся через «Эйрбнб»:

airbnb 2x 1024x515 - Алгоритм Δλ: визуальные атомы, часть 3

Уже знакомые нам землетрясения:

earthquakes 2x 1024x617 - Алгоритм Δλ: визуальные атомы, часть 3

И полезные/вредные приёмы пищи, слившиеся в облака:

eatery 1 - Алгоритм Δλ: визуальные атомы, часть 3

Сложенные стопками смертельные случаи заболевания холерой на знаменитой карте Джона Сноу:

snow cholera map 1 2x 1024x960 - Алгоритм Δλ: визуальные атомы, часть 3

Дома Москвы, родом из разных эпох:

msk merkator 2x 1024x554 - Алгоритм Δλ: визуальные атомы, часть 3

Достопримечательности на карте-путеводителе:

chengdu 2x 1024x965 - Алгоритм Δλ: визуальные атомы, часть 3

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

records map 2x 1024x579 - Алгоритм Δλ: визуальные атомы, часть 3

При наведении на мини-график город на карте подсвечивается красным.

Площадные объекты — это области на карте: городские кварталы, районы, округа, страны и другие государственные территориальные единицы, а также геологические и географические регионы. Площадные объекты передают сводную информацию по территории, чаще всего с помощью цветной заливки.

Однотонная показывает один параметр, например, высоту застройки или стоимость земли на Манхэттене:

manhattan value 2x 514x1024 - Алгоритм Δλ: визуальные атомы, часть 3

Двухцветная — близость к полюсам шкалы:

brexit 2x 1024x724 - Алгоритм Δλ: визуальные атомы, часть 3

Заливка полупрозрачными слоями делает акцент на пересечении накладывающихся друг на друга областей:

boston neighborhoods 2x 896x1024 - Алгоритм Δλ: визуальные атомы, часть 3

Границы районов Бостона, как их видят жители

На карте затопления Венеции площадная заливка улиц и площадей сочетается с точечной окраской пострадавших от наводнений зданий:

venice 2x 1024x525 - Алгоритм Δλ: визуальные атомы, часть 3

Карта может быть настоящим произведением искусства, с большим количеством цветов и оттенков:

geology 2x 1024x739 - Алгоритм Δλ: визуальные атомы, часть 3

Геологическая карта Пенсильвании

На «карте здоровья» части света покрыты паттерном человеческих тканей и клеток, поражаемых самой распространённой там болезнью:

odra noel - Алгоритм Δλ: визуальные атомы, часть 3

Северная Америка покрыта жировой тканью, Европа — мозговыми нейронами (слабоумие), Африка — кровяными тельцами (малярия и СПИД), на страдающей от бесплодия Гренландии изображены сперматозоиды

Вместо заливки иногда используются изолинии, как на этой карте запахов Эдинбурга:

edinburgh smell 2x 1024x704 - Алгоритм Δλ: визуальные атомы, часть 3

Протяжённые объекты на карте — это путевые сети, маршруты, границы, а также реки и горные цепи. Связанные с ними данные визуализируются линиями и змейками разной толщины, цвета и яркости.

Классическая карта Шарля Минара показывает объёмы экспорта угля Англией:

english coal exports 2x 1024x623 - Алгоритм Δλ: визуальные атомы, часть 3

Поток делится на крупные рукава, потом на более мелкие — в соответствии с морскими путями доставки угля

Суточное движение швейцарских поездов:

swiss train 2x 1024x667 - Алгоритм Δλ: визуальные атомы, часть 3

Цветом линии показана скорость поездов, толщиной — их загруженность

Ветра в Токио в режиме реального времени:

wind tokyo 2x 1024x519 - Алгоритм Δλ: визуальные атомы, часть 3

Чем длиннее линии, тем сильнее дует

Воздушные пути на разной высоте над городами мира:

contraliz 2x 1024x622 - Алгоритм Δλ: визуальные атомы, часть 3

Высота полёта закодирована цветом

Поток беженцев из разных стран:

refugee project 2x 1024x530 - Алгоритм Δλ: визуальные атомы, часть 3

Чем больше поток, тем ярче луч

Вся пресная вода земного шара, как на ладони:

world of rivers 2x 1024x660 - Алгоритм Δλ: визуальные атомы, часть 3

Сразу видно, где густо, а где пусто

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

Следующая теоретическая заметка выйдет 8 августа.

2016   алгоритм Δλ   визуализация данных   визуальные атомы   теория

Продолжение заметки о визуальных атомах. Сегодня поговорим о прямоугольниках, отрезках и линиях.

Прямоугольник

Прямоугольники обладают четырьмя собственными свойствами (ширина, высота, их производная — площадь, цвет) и легко складываются друг с другом.

Прямоугольники единичной ширины складываются в столбиковую диаграмму:

budget 111 2x 1024x793 - Алгоритм Δλ: визуальные атомы, часть 3

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

eshop - Алгоритм Δλ: визуальные атомы, часть 3

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

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

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

dnevnik 2x - Алгоритм Δλ: визуальные атомы, часть 3

Видим, что проблема для группы 1,5-2 года стоит острее, чем для группы 2-2,5 года — хоть доступность садов в ней и выше, но нуждающихся в садике детей намного больше.

По такому же принципу прямоугольники образуют квадратные и тримэп-диаграммы:

squares description - Алгоритм Δλ: визуальные атомы, часть 3
transport treemap 2x 1024x590 - Алгоритм Δλ: визуальные атомы, часть 3

Отрезок

Отрезок визуализирует частицу данных, состоящую из двух связанных элементов.

Это может быть связь двух объектов, например, брачный союз людей разных профессий:

who marries who 2x 1024x440 - Алгоритм Δλ: визуальные атомы, часть 3

Связь «до и после» двух значений одного и того же параметра, например, количество высокооплачиваемых должностей в различных индустриях:

change job 2x 1024x559 - Алгоритм Δλ: визуальные атомы, часть 3

Связанные попарно значения, например, результаты ответов на вопросы теста, личный и средний по соотечественникам:

guardian quiz 2x 1024x895 - Алгоритм Δλ: визуальные атомы, часть 3

Или пара связанных пространственных координат, например, начальное и конечное положение мяча при ударе по воротам:

footbal datalab 2x 962x1024 - Алгоритм Δλ: визуальные атомы, часть 3

Линия

Линия показывает путь или историю объекта во времени. Для линии важны не только точка начала, точка конца и связь (как в отрезке), но и форма пути между ними. Линии сливаются в потоки и делятся на русла.

huntflow 2x 1024x486 - Алгоритм Δλ: визуальные атомы, часть 3

Частица данных — кандидат, проходящий этапы воронки собеседований

states history 2x 1024x746 - Алгоритм Δλ: визуальные атомы, часть 3

Частица данных — штат, изменяющий свои настроения во времени

massachusetts 2x 1024x663 - Алгоритм Δλ: визуальные атомы, часть 3

Частица данных — поезд метро, движущийся между станциями

guantanamo - Алгоритм Δλ: визуальные атомы, часть 3

Частица данных — заключённый, проводящий срок в тюрьме Гуантанамо

Частным случаем линии является географический маршрут.

minardmap 2x 1024x474 - Алгоритм Δλ: визуальные атомы, часть 3

Частицы данных — французы армии Наполеона, наступающие на Москву и отступающие обратно

Методы анализа

Напишите нам

и мы ответим в течении часа

support@asu-analitika.ru

prodvizhenie 1200x350 66x66 - Алгоритм Δλ: визуальные атомы, часть 3
Что выбрать Spotfire,Tableau,Microsoft BI или Qlik Sense?

Конечно, Tableau и Spotfire предлагают унифицированное представление данных, но не настолько эффективно, как QlikSense. QlikSense …

img243 66x66 - Алгоритм Δλ: визуальные атомы, часть 3
Видео демонстрации и обучение

Видео материалы по Tibco Spotfire Лучше один раз увидеть ! Обучающие видео, презентации и комментарии …

131 66x66 - Алгоритм Δλ: визуальные атомы, часть 3
Gartner BI Magic Quadrant 2019: обзор лидеров рынка

Загрузить программу ВІ Демонстрации решений В январе Gartner традиционно выпускает масштабное исследование рынка систем бизнес-аналитики, …

sap 7 66x66 - Алгоритм Δλ: визуальные атомы, часть 3
Начало работы с Tibco Spotfire Desktop

Загрузить программу ВІ Демонстрации решений Для успешной работы с продуктами Tibco Spotfire, Вам потребуется 10 …

quienes somos 03 66x66 - Алгоритм Δλ: визуальные атомы, часть 3
Цены на продукты

Загрузите бесплатно Демонстрация Мы подготовили для Вас ориентировочные цены на различные продукты и пакеты программ, …

maxresdefault 66x66 - Алгоритм Δλ: визуальные атомы, часть 3
Зачем вообще нужны системы бизнес-аналитики

Загрузить программу ВІ Демонстрации решений Визуализация в бизнес-аналитике очень важна. Например, концепт этих графиков отрисован …

active icon pdf - Алгоритм Δλ: визуальные атомы, часть 3
Наша компания
active icon pdf - Алгоритм Δλ: визуальные атомы, часть 3
Tibco Spotfire

Несколько видео о наших продуктах

085 - Алгоритм Δλ: визуальные атомы, часть 3
Проиграть видео
Презентация аналитической платформы Tibco Spotfire
106 - Алгоритм Δλ: визуальные атомы, часть 3
Проиграть видео
Отличительные особенности Tibco Spotfire 10X
1 11 - Алгоритм Δλ: визуальные атомы, часть 3
Проиграть видео
Как аналитика данных помогает менеджерам компании