Диаграмма Horizon. Основы.

Основной недостаток классических диаграмм с равномерной шкалой ординат - сложность корректного отображения рядов динамики с резкими скачками уровней.

Рисунок 1

Для визуальной компенсации “разброса” параметров требуется уменьшение масштаба диаграммы, и показатели в ней динамики более “спокойного” объекта теряют свою наглядность.

Рисунок 2

Как же быть, если абсолютные значения отображаемых параметров больше заданного по оси ординат диапазона? Тем более что вероятность присутствия резких изменений показателей возрастает с увеличением длительности периода времен на графике. Традиционным решением является нормирование отображаемых по вертикальной оси значений или использование логарифмической шкалы.

Группа исследователей (Jeffrey Heer, Nicholas Kong, Maneesh Agrawala) предложила свое решение проблемы в рамках нового формата отображения информации, который называется horizon graphs. На русский я бы перевел этот способ визуализации как “многослойный график” и вот почему. В основе диаграммы horizon лежит фиксированная высота области отображения. Значения, превышающие высоту области, отображаются внутри отведенной полосы, но выделяются другим цветом. Кроме того, график отражает отрицательные значения по положительной части оси, но уже другим цветом. Например, красным цветом могут обозначаться отрицательные значения, а синим – положительные. Отрицательные значения могут отображаться зеркально или накладываться на верхнюю границу области отображения графика.

Рисунок 3

Большие количественные значения кодируются как слои (band) различного цвета.

Рисунок 4

И при отображении на графике horizon, эти слои “накладываются” друг на друга.

Рисунок 5

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

Такой способ отображения очень удобен при верстке html-страниц и позволяет анализировать в реальном масштабе времени очень большое количество различных параметров. В качестве примера приведем график эффективности тридцати разновидностей ценных бумаг в течение года.

Рисунок 6

Обратите внимание, что графики, изображенные на Рис.6 идентичны графикам, изображенным на Рис.2 и сравните

Источники:

1. Sizing the Horizon: The Effects of Chart Size and Layering on the Graphical Perception of Time Series Visualizations.

2. Cubism.js.