Алгоритм Δλ: визуальные атомы, часть 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

46009d452fee4dc89c8c9f4e396ed6cb 66x66 - Алгоритм Δλ: визуальные атомы, часть 3
Что такое Business Intelligence

Загрузить программу ВІ Демонстрации решений Существует огромное количество терминов: аналитика, data mining, анализ данных, business …

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

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

tibco soft 1 66x66 - Алгоритм Δλ: визуальные атомы, часть 3
Основы предиктивной аналитики для менеджеров

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

19 66x66 - Алгоритм Δλ: визуальные атомы, часть 3
Используйте аналитику и обнаружение данных, чтобы определить, чего действительно хотят ваши клиенты

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

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

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

10 66x66 - Алгоритм Δλ: визуальные атомы, часть 3
Розничная торговля: анализ переменных кросс-продаж для увеличения доходов

Загрузить программу ВІ Демонстрации решений Легко и просто создавайте и разворачивайте статистический анализ данных многократного …

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

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

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

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

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

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

business analytics vs business intelligence 66x66 - Алгоритм Δλ: визуальные атомы, часть 3
Сравнение топ-4 популярных BI платформ. Какую выбрать?

Загрузить программу ВІ Демонстрации решений Сегодня существует огромное количество BI-платформ и инструментов визуализации данных, которые …

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

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

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

This Is A Custom Widget

This Sliding Bar can be switched on or off in theme options, and can take any widget you throw at it or even fill it with your custom HTML Code. Its perfect for grabbing the attention of your viewers. Choose between 1, 2, 3 or 4 columns, set the background color, widget divider color, activate transparency, a top border or fully disable it on desktop and mobile.