Перейти к содержимому
Chart Buffet Диаграммы без ограничений

Изменение во времени

Диаграмма с областями и накоплением: создать онлайн

Слои, сложенные друг на друга во времени: верхний край — это итог, а каждая полоса — одна его часть.

1Ваши данные

Ваши данные не покидают этот браузер

Совет: скопируйте ячейки прямо из таблицы и нажмите Ctrl+V (⌘V на Mac). · CSV, TSV, JSON, Excel или ODS

3Оформление

Разогреваем кухню…
Данные
Заголовки и текст
Выравнивание заголовка
Внешний вид
Стиль
Цвета
Цвета рядов
Элементы и подписи
Оси и числа
Размер
Скачать
Формат
Разрешение

2× выглядит чётко на экранах высокой плотности и в печати.

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

Что это такое

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

✓ Когда использовать

  • Нужно показать и итог, и его состав во времени: энергию по источникам, выручку по товарам, население по регионам.
  • Частей несколько — до шести-семи, — а точек во времени много.

✗ Когда не стоит

  • Нужно читать точные значения верхних слоёв — они лежат на нижних и не имеют ровной базовой линии.
  • Среди частей есть отрицательные значения.
  • Итог бессмыслен, потому что ряды измеряют разные вещи.

Советы для лучшей диаграммы

Математика

В каждый момент t слой j тянется от Sj−1(t) до Sj(t), где Sj(t) = Σm≤j ym(t). Толщина полосы равна её значению, но видимый наклон — это сумма её собственного изменения и всех изменений под ней, поэтому порядок слоёв важен.

Байрон и Ваттенберг формализовали это как минимизацию «колебаний» слоёв и применили для создания стримграфа — диаграммы с областями и накоплением с подвижной базовой линией (Byron & Wattenberg 2008).

Немного истории

Диаграммы с областями и накоплением происходят от разделённых временных диаграмм ранних статистических справочников (Brinton 1914). В 2008 году стримграф, ставший популярным благодаря интерактивной графике New York Times о кассовых сборах фильмов, показал, как далеко можно развить эту форму; её геометрия была опубликована в том же году (Byron & Wattenberg 2008).

Вопросы

Почему верхний слой выглядит таким рваным?

Каждый слой наследует подъёмы и спады всех слоёв под ним. Переместите самый изменчивый ряд наверх.

Литература

  1. Byron, L. & Wattenberg, M. (2008). Stacked graphs — geometry & aesthetics. IEEE Transactions on Visualization and Computer Graphics 14(6), 1245–1252.
  2. Brinton, W. C. (1914). Graphic Methods for Presenting Facts. New York: The Engineering Magazine Company.
  3. Cleveland, W. S. & McGill, R. (1984). Graphical perception: theory, experimentation, and application to the development of graphical methods. Journal of the American Statistical Association 79(387), 531–554.