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

Diary of a Food Tracker. New York Times
The Rise of Long‑Term Joblessness. Bloomberg

В этих примерах визуальным атомом будет точка, а линия — вспомогательным графическим элементом.

На визуализации рекорда Овечкина мы видели, как линия «опоясывает» по контуру столбики, составленные из забитых шайб:

Приближающийся рекорд Овечкина. Совет Мисютиной

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

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

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

Воронка собеседований Хантфлоу. Лаборатория данных

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

На легендарной карте нашествия Наполеона на Москву Шарля Минара «поток» наступающего и отступающего войска тоже сложен из отдельных линий‑солдат, которые, к сожалению, прерываются в разных локациях на карте:

Книга Visual Display of Quantitative Information, стр. 40

На ещё одном историческом примере визуализации — расписании движения поездов из Парижа в Леон — каждый рейс показан линией в пространстве перегонов и станций по вертикали и времени по горизонтали:

Книга Visual Display of Quantitative Information, стр. 31 и 116

Есть и более современная версия того же графика — в исследовании бостонского метро:

Visualizing MBTA Data. An interactive exploration of Boston's subway system. Michael Barry / Brian Card

Похожим образом устроен график, который показывает, как падение на 4‑м километре не помешало бегуну Мо Фара выиграть золото в десятикилометровой гонке.

Mo Farah Falls but Hardly Misses a Step in 10,000‑Meter Victory. New York Times

Здесь по горизонтали отложены километры, а по вертикали — позиция бегуна среди соперников. Бегун — это линия, цветными линиями показаны золотая, серебрянная и бронзовая медаль.

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

P. S. Это был совет о визуализации данных. Хотите узнать всё о таблицах, графиках, диаграммах, картах, схемах и дашбордах? Присылайте вопросы.

Визуализация данныхАлгоритм ΔλВизуальный атомФормат: санкейФормат: таймлайн
Отправить
Поделиться
Запинить

Рекомендуем другие советы