Завершая тему визуальных атомов, рассмотрим «протяженные» графические примитивы — отрезки и линии, которые используются редко, но в подходящих для них ситуациях бывают незаменимы.
Отрезок по сути своей — это две точки, соединённые прямой линией. На визуализации он чаще всего показывает либо связь, либо два состояния «было‑стало».
В случае визуализации связи отрезком, мы можем закодировать свойства самих объектов свойствами точек (размером и цветом), а какие‑то особенности связи показать толщиной или цветом линии. Например, на этой визуализации показаны брачные союзы между разными профессиями, при этом цветом сторон отрезка показан пол связанных брачными узами людей, а толщиной — частота браков между представителями профессий:
В случае, когда отрезком показаны состояния «было‑стало», отрезки можно расположить параллельно друг другу на разных этажах, как на этой визуализации Роминых изменений по тесту Хогана:
А можно наложить отрезки в одних и тех же осях друг на друга, тогда изменение будет показано углом наклона отрезка, как в этом исследовании изменений на рынке труда:
По вертикали здесь отложена доля вакансий той или иной профессии, по горизонтали специальности сгруппированы по категориям, а цвет разных сторон отрезка показывает соотношение мужчин и женщин в профессиях в 1980‑м году и в 2014‑м. Например, востребованность бухгалтеров и аудиторов выросла, а гендерный состав из более мужского стал более женским.
Ещё один классный пример, где угол наклона отрезка передаёт важную информацию, — это проект «Насколько хорошо вы знаете свою страну?»:
В начале вам предлагаю ответить на вопрос о своей стране, затем показывают ваш ответ вместе с правильным ответом и «усредненным мнением» ваших соотечественников. А после этого можно посмотреть, как на этот вопрос отвечают жители других стран. Вот тут я почти в два раза промахнулась с предположением о том, какой частью материальных благ располагает 1% богатейших людей России (40% против реальных 70%), а японцы отвечая на тот же вопрос, ошибаются в другую сторону (41% против реальных 19%). Лучше всего о богатствах соотечественников осведомлены жители Мексики (36% против 36%) и Турции (53% против 54%). Наклон отрезка между предполагаемым и реальным значением так же интересен, как и сами цифры.
Отдельный сценарий применения отрезков — спортивные визуализации с бросками по воротам, которые показывают исходное и конечное положение мяча или шайбы. Вот, например, наша визуализация футбольных голов и голевых моментов:
Совокупность активности у своих ворот (слева) и ворот противника (справа) иллюстрирует особенности игры каждой из команд в сезоне.
О линиях поговорим в следующий раз.
P. S. Это был совет о визуализации данных. Хотите узнать всё о таблицах, графиках, диаграммах, картах, схемах и дашбордах? Присылайте вопросы.