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

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

БЫЛО / СТАЛО

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

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

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

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

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

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

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

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

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

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

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

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

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

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