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

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

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

Прозрачные области визуализируют накопленное количество по двум параметрам. За счет прозрачности видно пересечение и динамику каждой из областей.
При восприятии такой диаграммы мозг сравнивает площади закрашенных областей, в отличии от линии, где он «видит» угол наклона линии. Поэтому области это история про накопленное количество чего-либо.

Пройдем все этапы создания шаг за шагом.
Сначала создаем стандартный график.
Чтобы потренироваться скачайте учебный файл:

Для начала построим стандартную диаграмму с областями в несколько кликов.

Стандартный вид диаграммы грубый и не очень презентабельный. Исправим данную ситуацию стилизацией.

Начнем работу с первой областью. Установим границу для области "Интернет" в цвете #83DC95.

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

Перейдем ко второй области. Для нее выберем хорошо сочетаемый с цветом первой области цвет #84A6E5. Изначально сменим цвет и толщину границы.

Также как и область "Интернет", зальем область "Выставки" в цвет выбранный для границы, установив прозрачность на уровне 75%.

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

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

Для обозначения пиковых значений добавим на диаграмму 3 стикера. Используем стандартные выноски MS Office с помощью вставки иллюстраций.

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

Для второй области отметим нижнюю точку области. Также нарисуем нужную фигуру и установим для нее светло-зелёную границу и белый фон.

Введем в каждую из фигур нужный текст и установим формат текста.

Установим размер диаграммы в пропорции 3х4, для удобного дальнейшего использования.

Из простой грубой диаграммы мы сделали стильную диаграмму с областями.
Она будет эффектно смотреться на слайде презентации или странице бумажного отчета.

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

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