Необычная столбчатая диаграмма с кружками

Классические столбики могут выглядеть стильно и необычно.
Если вы хотите удивить коллег и руководство - эта диаграмма для вас.
Первая реакция вашей аудитории будет: "Ого, а как это так сделано". Это точно обычный Excel?
Да, это эксель и данные берутся из таблицы.
Ощущение как будь-то белые фишки взлетают вверх и за каждой тянется след от ее движения. Выглядит стильно и динамично.

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

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

Темный фон можно применять:

• в презентации годового отчета;
• в корпоративном буклете или на сайте;
• на конференции

Разберемся как делается такая необычная диаграмма:

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

Конечный вариант выглядит как столбики, на самом деле это "Линейная диаграмма". Поэтому построим стандартный линейный график с маркерами.

Начнем создавать из нашего графика стильную диаграмму.

Скроем линию соединяющую точки данных, чтобы создать столбцы.

Для дизайна добавим общий фон в градиентной технике цветами #171A2A, #171A2A, #292E44.

Акцентом на темном фоне станут крупные круглые маркеры белого цвета.

Центр маркеров зальем цветом #002060.

Добавим восходящие линии проекции, которые заменят громоздкие стандартные столбцы. Именно линии проекции обеспечат нам необычные закругления на концах столбцов.

Для получения эффекта динамики движения и легкости, сделаем столбцы градиентными. Для этого окрасим первую точки маркеров градиента в цвет #8F94A0 и увеличим толщину линий.

Увеличим до максимума прозрачность основания столбцов и сделаем аккуратное округлое их завершение.

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

Теперь уберем Горизонтальные основные линии сетки.

Добавим метки данных над нашими столбцами.

Уберем деления горизонтальной оси.

Сформатируем текст значений оси сменив цвет на #8F94A0.

Возвращаемся к меткам данных. Заменим цвет #8F94A0 и начертание.

Освежим заголовок диаграммы белым цветом.

Выровняем размеры диаграммы, для удобного дальнейшего использования.

Что бы вся композиция графика смотрелась хорошо, нам нужно дать больше отступа от края темного фона. Для этого мы уменьшим размер области построения диаграммы. Если фон белый то как правило такая операция не требуется. Если вы заполняете фон цветом, следите чтобы от края названий осей до края фона было достаточно пустого места. Это улучшит дизайн и восприятие, в противном случае все будет "зажато".

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

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

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