В этой диаграмме мозг считывает закрашенную площадь. Поэтому на уровне подсознания она ассоциируется с количеством. Больше площадь - больше количество.
Как в бизнесе применяют диаграмму прозрачные области? Я предпочитаю использовать ее для отображения заработанных или потраченных денег в динамике времени. Что делать, когда нужно показать два параметра сразу для сравнения и анализа. Например, расходы на интернет рекламу и выставки. В этом случае хорошее решение полупрозрачные области в динамике.
В стандартном виде диаграмма с областями будет выглядеть не только менее презентабельно, но и в сплошной заливке областей будут скрыты важные точки области, которая находится на втором плане.
Диаграмма "расставляет акценты"
Стикеры служат для привлечения внимания к ключевым моментам диаграммы — максимальным и минимальным значениям, а также содержат пояснения причин этих отклонений. Таким образом, они фокусируют взгляд зрителей на тех точках, которые будут обсуждаться в ходе доклада.
Прозрачный фон позволяет объединить оба показателя в одном пространстве, что дает возможность сравнивать их динамику и анализировать изменения каждого показателя по отдельности и вместе.
Что было сделано?
1. Изменили цвет и установили прозрачность для областей.
2. Добавили название для вертикальной оси.
3. Добавили информативные стикеры для ключевых точек.
Где используется?
Прозрачные области позволяют наглядно отображать накопление значений по двум параметрам. Благодаря прозрачности можно наблюдать пересечения и изменение динамики каждой из областей. При просмотре такой диаграммы человеческий мозг интуитивно сравнивает размеры закрашенных областей, что помогает лучше воспринимать объемы накопленных значений. В отличие от графиков с линиями, где мозг считывает угол наклона. Области делают акцент на общее количество, позволяя легче интерпретировать данные как историю накопления. Рекомендую использовать для полученных денег, выпущенной продукции ...
Скачать готовый шаблон в Excel, в который нужно только подставить свои цифры.
Пошаговая ИНСТРУКЦИЯ
Поставьте закладку в браузере - обязательно когда-нибудь пригодиться.
Пройдем все этапы создания шаг за шагом. Сначала создаем стандартный график.
Чтобы потренироваться скачайте учебный файл:
Построение диаграммы
Чтобы начать, создадим стандартную диаграмму с областями всего за несколько шагов.
Оформление областей
После построения базовой диаграммы с областями, следующим шагом является её стилизация, чтобы она выглядела более профессионально и привлекательно.
Давайте начнем с оформления первой области. Установим границу для области "Интернет" в цвете #83DC95.
Используем тот же светло-зеленый цвет (#83DC95) для заливки основной части области "Интернет". Чтобы обеспечить легкость восприятия и возможность просмотра обеих областей, сделаем фон полупрозрачным.
Теперь перейдем к оформлению второй области. Для нее подберем цвет #84A6E5, который гармонично сочетается с цветом первой области. Сначала изменим цвет и толщину границы.
Аналогично области "Интернет", заполним область "Выставки" цветом, выбранным для границы, и установим прозрачность на уровне 75%, чтобы сохранить возможность просмотра обеих областей.
Название осей
Теперь добавим название для вертикальной оси, которое придаст дополнительную смысловую нагрузку шкале значений и облегчит сопоставление значений шкалы с точками на областях.
Теперь скорректируем размер шрифта названия вертикальной оси, чтобы оно гармонично сочеталось с остальным содержимым диаграммы.
Добавление стикеров
Для отметки пиковых значений на диаграмме добавим три стикера. Воспользуемся стандартными выносками из MS Office.
Для области "Выставки" отметим две пиковые точки и разместим рядом с ними указанные фигуры. Формат этих фигур сделаем схожим с оформлением самой области, используя светло-голубой цвет для границы в качестве связующего элемента.
Для второй области выделим нижнюю точку. Нарисуем рядом с ней соответствующую фигуру, установив для неё светло-зеленую границу и белый фон.
Затем введём необходимый текст внутрь каждой из фигур и настроим форматирование текста для удобства чтения.
Размер диаграммы
Установим размер диаграммы в пропорции 3х4, для удобного дальнейшего использования.
Результат
Мы преобразили обычную грубую диаграмму в стильный и профессиональный график с областями.
Теперь она идеально подойдет для слайда презентации или отчетного документа.
Стикеры привлекают внимание к максимальным и минимальным точкам диаграммы, поясняя их причины. Эти элементы фиксируют взгляд зрителя на ключевых моментах, которые будут обсуждаться в докладе:
- Повышенные расходы в июле–октябре обусловлены участием в двух выставках.
- Снижение затрат на интернет-рекламу в марте произошло из-за недоступности сайта.
Полезное
Скачать готовый шаблон в Excel, в который нужно только подставить свои цифры.
Поставьте закладку в браузере на инструкцию - обязательно когда-нибудь пригодиться.
Если вам нужно стильное решение для оформления обычных линий в подобной цветовой гамме, обратите внимание на данное решение: