Мы разобрали следующие принципы визуализации сложных данных: визуализация проявляет, многомерность и информативность. Они говорят о том, что на классной визуализации большая картина складывается из мелких деталей, и чем больше значимых деталей (частиц и параметров данных) получается упаковать на визуализацию, тем круче результат.
Теперь обсудим принципы, которые помогают избежать запутанности и перегруженности при отображении сложных данных, и начнём с наглядности. Как обычно, обратимся к примеру.
Вот такой график характеристик танков из игры «World of Tanks» однажды попал ко мне на разбор:
На нём показано 13 характеристик танков десяти уровней (по одному танку на уровень) одной из четырёх стран. С точки зрения многомерности — неплохо. Но беда в том, что на диаграммах используется множество цветов, которые зрителю ни о чём не говорят, и чтения этой визуализации подразумевает постоянное переключение взглядом между столбиками и легендой. Попробуйте сделать хотя бы один вывод на основе диаграмм и вы почувствуете, как такое переключение мешает охватить общую картину и затрудняет анализ. Кроме того, чтобы сравнить близкие по характеристикам танки воюющих держав, приходится переключать страны, что также не способствует поиску закономерностей.
Как представить 13 характеристик без использования легенды, так чтобы мы могли легко в них сориентироваться? Обратим внимание, что параметры можно разделить на три категории: скорость (1 параметр), атака (5) и защита (7) — это ключевые свойства любых боевых единиц. Вместо того, чтобы показывать все параметры безликими столбиками, попробуем проявить их на графике разброса. По горизонтальной оси отложим скорость, по вертикальной — один из параметров атаки с возможностью выбрать любой другой. Тогда точки на графике будут танками на поле боя, чем ближе они друг к другу, тем больше их сходство по свойствам, и тем вероятнее, что в реальном бою они друг другу противостояли. Размер танков на графике отражает их реальные габариты. Что касается многочисленных параметров брони, мы можем показать их на соответствующей части танка:
На этой визуализации можно выбрать танки одной страны, а можно сравнивать танки разных стран друг с другом. Но главное, нам больше не нужна легенда, график стал более дружелюбным и более содержательным за счет того, что мы показали на нём танк изображением танка.
Этот отличная иллюстрация принципа наглядности: мы стремимся использовать на визуализации естественные метафоры из жизни, чтобы пользователю не приходилось расшифровывать её. Конечно, далеко не всегда эти метафоры будут настолько буквальными, как в этом примере. В следующем совете я покажу более абстрактные иллюстрации принципа наглядности.