Найти в Дзене
Магия Диаграмм

Лаконичная диаграмма с логотипами. Как?

Нестандартная идея лаконичной визуализации данных. В диаграмме нет ничего лишнего! Вместо названий использованы логотипы. Они физически расположены на уровне своего рейтинга. Информация сконцентрирована на концах столбиков, чтобы не переводить взгляд. Лого + цифра рядом. Оси отсутствуют совсем. Я убрал все лишнее, оставив только суть. Такой подход делает графику максимально простой для восприятия. Он применяется в инфографике в журналах или презентациях. *Логотипы брендов указаны для примера, цифры рейтинга вымышлены. Узнаваемые логотипы вместо скучных названий Я разработал лаконичную диаграмму, в которой каждая марка представлена своим логотипом рядом с числом, отражающим уровень её популярности. Сравните мой вариант со стандартным и вы увидите разницу. Сравнение стандартного вида и дизайнерской версии Как создать эффектный график с логотипами в три шага? Шаг 1. Второй ряд и сортировка Для размещения двух меток на графике — числа и логотипа — я использую два ряда. Один ряд будет вып
Оглавление

Нестандартная идея лаконичной визуализации данных.

  1. В диаграмме нет ничего лишнего!
  2. Вместо названий использованы логотипы. Они физически расположены на уровне своего рейтинга.
  3. Информация сконцентрирована на концах столбиков, чтобы не переводить взгляд. Лого + цифра рядом.
  4. Оси отсутствуют совсем.

Я убрал все лишнее, оставив только суть. Такой подход делает графику максимально простой для восприятия. Он применяется в инфографике в журналах или презентациях.

*Логотипы брендов указаны для примера, цифры рейтинга вымышлены.

Узнаваемые логотипы вместо скучных названий
Узнаваемые логотипы вместо скучных названий

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

Сравнение стандартного вида и дизайнерской версии
Сравнение стандартного вида и дизайнерской версии

Как создать эффектный график с логотипами в три шага?

Шаг 1. Второй ряд и сортировка

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

Чтобы восстановить порядок брендов и отсортировать их от самого популярного, я включил обратный порядок значений по вертикальной оси.

Диаграмма с сортировкой
Диаграмма с сортировкой

Шаг 2. Оформление линий

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

Шаг №3. Подписи данных

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

Этот вариант с более ярким фиолетовым цветом.

Выводы

1. Отсутствуют отвлекающие надписи и избыточная информация, что делает диаграмму понятной.

2. Известный логотип быстрее обрабатывается мозгом, нежели текстовое написание. Расположение логотипа по оси X сразу задает его рейтинг.

3. Рекомендуется для презентаций, публикаций в прессе. Можно сделать серию диаграмм сравнений, где логотипы будут вместо названий.

4. Лого можно заменить на иконки категорий, для аналитики.

5. Хорошо подходит для сравнения себя с конкурентами.

📥 Скачать готовый шаблон в Excel, в который нужно подставить свои цифры.

Хочешь сделать сам?

Пошаговая ИНСТРУКЦИЯ

🤍 Поставьте закладку в браузере - обязательно когда-нибудь пригодиться.

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

1. Построение базовой диаграммы на основе данных.

2. Включение обратного порядка значений по вертикальной оси для сортировки от лидера.

3. Добавление меток на диаграмму и скрытие лишней информации (горизонтальной оси, сетки, легенды).

4. Перемещение подписей основного ряда внутрь полосы.

5. Замена подписей ряда "для лого" на диапазон D5:D9 и размещение подписей снаружи полос.

🕒 Полная пошаговая инструкция

Очень необычная диаграмма с рисунками домов:

Как сделать заливку столбцов с помощью рисунков?

В моей книге вы найдете все нужные знания для эффективного использования диаграмм в работе и бизнесе.