В сегодняшнем совете поговорим о линиях на графиках. Начну с того, что линия на визуализации — это не всегда визуальный атом. Например, линейные таймлайны показывают тренды линиями, но за каждой линией стоит совокупность точек‑измерений.
В этих примерах визуальным атомом будет точка, а линия — вспомогательным графическим элементом.
На визуализации рекорда Овечкина мы видели, как линия «опоясывает» по контуру столбики, составленные из забитых шайб:
Здесь частицы данных — отдельные забитые шайбы — мы не показываем, а суммируем в виде линии. Но при этом помним, как устроена эта линия, и при необходимости можем перестраивать её для разного набора частиц.
В тех случаях, когда линии обозначают частицу данных, они всегда показывают её путь в пространстве, заданном выбранными координатами, и неотделимы от каркаса, о котором мы подробнее будем говорить в следующих заметках. В отличие от отрезка, у линии есть не только начало и конец, но и промежуточные состоянии, которые будут отличать одни частицы‑линии от других.
Мне очень нравится пример с воронкой найма, где соискатель, как частица данных, проходит разные этапы с разным результатом:
Поток соискателей разделяется на русла, когда часть людей отсеивается на конкретном этапе по разным причинам, но внутри потока есть линия каждого отдельного человека, и именно из этих линий складывается общая картина.
На легендарной карте нашествия Наполеона на Москву Шарля Минара «поток» наступающего и отступающего войска тоже сложен из отдельных линий‑солдат, которые, к сожалению, прерываются в разных локациях на карте:
На ещё одном историческом примере визуализации — расписании движения поездов из Парижа в Леон — каждый рейс показан линией в пространстве перегонов и станций по вертикали и времени по горизонтали:
Есть и более современная версия того же графика — в исследовании бостонского метро:
Похожим образом устроен график, который показывает, как падение на 4‑м километре не помешало бегуну Мо Фара выиграть золото в десятикилометровой гонке.
Здесь по горизонтали отложены километры, а по вертикали — позиция бегуна среди соперников. Бегун — это линия, цветными линиями показаны золотая, серебрянная и бронзовая медаль.
Во всех этих примерах, частица данных (соискатель, солдат, рейс, бегун) показана линией, а свойства этой сущности — её промежуточными точками.
P. S. Это был совет о визуализации данных. Хотите узнать всё о таблицах, графиках, диаграммах, картах, схемах и дашбордах? Присылайте вопросы.