Прозрачные области в динамике

Цель наглядно показать количество накопленное за время по двум показателям.
Стикерами отметить проблемные зоны.

БЫЛО / СТАЛО

Готовый шаблон

Если не хотите тратить свое время на создание этой диаграммы.
Скачайте готовый шаблон. Стоимость всего 50 руб.
Просто подставьте свои данные и получите готовый красивый график.
Оплата телефоном по QR-коду
или кнопкой на сайте.
Без регистрации.
Сразу после оплаты будет
страница со ссылкой на файл.
Где применяется диаграмма?
Прозрачные области визуализируют накопленное количество по двум параметрам. За счет прозрачности видно пересечение и динамику каждой из областей.
При восприятии такой диаграммы мозг сравнивает площади закрашенных областей, в отличии от линии, где он «видит» угол наклона линии. Поэтому области это история про накопленное количество чего-либо.
ИСТРУКЦИЯ КАК ПОСТРОИТЬ ДИАГРАММУ
Пройдем все этапы создания шаг за шагом.
Сначала создаем стандартный график.
Чтобы потренироваться скачайте учебный файл:
Построение диаграммы
Для начала построим стандартную диаграмму с областями в несколько кликов.

Стилизация областей

Стандартный вид диаграммы грубый и не очень презентабельный. Исправим данную ситуацию стилизацией.
Начнем работу с первой областью. Установим границу для области "Интернет" в цвете #83DC95.
Тем же светло-зелёным цветом зальем и основную часть области. Для легкости восприятия и возможности просматривания обеих областей фон сделаем полупрозрачным.
Перейдем ко второй области. Для нее выберем хорошо сочетаемый с цветом первой области цвет #84A6E5. Изначально сменим цвет и толщину границы.
Также как и область "Интернет", зальем область "Выставки" в цвет выбранный для границы, установив прозрачность на уровне 75%.
-- / --

Название осей

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

Установка стикеров

Для обозначения пиковых значений добавим на диаграмму 3 стикера. Используем стандартные выноски MS Office с помощью вставки иллюстраций.
Для области "Выставки" выделим две пиковые точки и нарисуем возле них указанные фигуры. Формат для них установим подобный к формату самой области. Связующим звеном послужит светло-голубой цвет границы.
Для второй области отметим нижнюю точку области. Также нарисуем нужную фигуру и установим для нее светло-зелёную границу и белый фон.
Введем в каждую из фигур нужный текст и установим формат текста.
-- // --

Размер диаграммы

Установим размер диаграммы в пропорции 3х4, для удобного дальнейшего использования.
Результат
Из простой грубой диаграммы мы сделали стильную диаграмму с областями.
Она будет эффектно смотреться на слайде презентации или странице бумажного отчета.

Стикеры, акцентируют внимание на максимальных и минимальной точках диаграммы и объясняют их причины. Они приковывают внимание зрителя к необходим для нас точкам о которых пойдет речь в докладе.
Прозрачный фон объединяет показатели и позволяем просматривать каждую область отдельно и соотносить их между собой по месяцам.
1) Высокие расходы июль - октябрь связаны с участием в двух выставках
2) Провал расходов на интернет рекламу в марте из-за неработающего сайта.
Что говорит диаграмма?

Готовый шаблон

Если не хотите тратить свое время на создание этой диаграммы.
Скачайте готовый шаблон. Стоимость всего 50 руб.
Просто подставьте свои данные и получите готовый красивый график.
Оплата телефоном по QR-коду
или кнопкой на сайте.
Без регистрации.
Сразу после оплаты будет
страница со ссылкой на файл.
-- /// --
Поставьте закладку в браузере на инструкцию - обязательно пригодиться.

...еще 9 популярных диаграмм