ОльгА БАЗАЛЕВА

Мастерство
Визуализации
Данных

Как
доносить
идеи
с помощью
графиков -
и диаграмм -
Мастерство
визуализации
данных
Ольга Базалева

Мастерство
визуализации
данных
Как
доносить
идеи
с помощью
графиков
и диаграмм

• Data Visualization

�NIN1EКiiiLIU
Москва • Санкт-Петербург
2018
ББК 32.973.2б-018.2.75
Б17
УДК б81.3.G7

По общим вопросам обращайтесь в издательство "Диалектика"

по адресу: info@dialektika.com, http://www.dialektika.com

Базалева, Ольга Игоревна.

Б17 Мастерство визуализации данных.:- СПб.: 000 "Диалектика", 2018.-192 с.: ил.

ISBN 978-5-б040723-7-0 (рус.)

ББК 32.973.26-018.2.75

Все названия программных продуктов являются зарегистрированными торговыми марками

соответствующих фирм.
Никакая часть настоящего издания ни в каких целях не может быть воспроизведена в какой
бы то ни было форме и какими бы то ни было средствами, будь то электронные или механические,
включая фотокопирование и запись на магнитный носитель, если на это нет письменного разрешения
000 "Диалектика".
Copyright © 2018 Ьу Dialektika Computer PuЬlishing.
All rights reserved including the right of reproduction in whole or in part in any form.

Научно- популярное издание

Ольга Игоревна Базалева

Мастерство визуализации данных

000 "Диалектика", 195027, Санкт-Петербург, Магнитогорская ул., д. 30, лит. А, пом. 848

ISBN 978-5-б040723-7-0 (рус.) © 000 "Диалектика", 2018

 ОГЛАВЛЕНИЕ

ВСJУпление 15

Глава 1. Немного теории 29

Глава 2. Одиннадцать правил визуализаци и данных 37

Глава 3. Анализ ошибок на примере реальных кейсов 55

Глава 4. Приемы визуализаци и 89

Глава 5. Готовые решения дпя различных бизнес-данных 127

Глава 6. Как оформлять табл ицы 149

Глава 7. В добрый путь! 183

Предметный указатель 187

 СОДЕРЖАНИЕ

Об авторе 11
Благодарности 12
Посвящение 13

Вступление 15
От автора 16
Зачем вам эта книга 17
История Петра 17
История Маши 20
История Владимира 23
О чем книга и для кого 26
О чем книга 26
Для кого эта книга 27
От издательства " Диалектика" 28

Глава 1. Немного теории 29

Зачем нужна визуализация данных 30
Виды диаграмм 31
Как выбрать диаграмму 35
Цель визуализации 35
Выбор диаграммы 35

Глава 2. Одиннадцать правил визуализации данных 37

Правило 1. Сделай правильный выбор! 39
Правило 2. Все в порядке 40
 Содержа н и е

П равило 3. Меньше значит больше 41

Пр авило 4. Равняйсь! 42
П р авило 5. Долой все лишнее! 43
П р авило 6. Разделяй и властвуй 44
П р авило 7. 90-60-90 45
П р авило 8. Все ясно 46
П р авило 9. Цвет всему голова 47
П р авило 10. Будь проще 48
Пр авило 11. Пятьдесят оттенков серого 49
Р .S. Три кита удачной визуализации 52

Глава 3. Анализ ошибок на примере реальных кейсов 55

Семь главных ошибок 57
Анализ реальных кейсов 58
Кейс NQ1. Круговая диаграмма из презентации
американского Института контент-маркетинга 59
Кейс NQ2. Линейчатая диаграмма из исследования
ФОМ "Интернет в России" 62
Кейс NQ3. Линейный график из Ведомостей 64
Кейс NQ4. Диаграмма прироста населения Росстата 66
Кейс NQ5. Диаграмма из опроса ФОМ о просмотре ТВ 69
Кейс NQ6. График по результатам опроса Левада-Центра 71
Кейс NQ7. Презентация Ernst & Young 74
Кейс NQ8. График из исследования АКАР 76
Кейс NQ9. Круговая диаграмма Net Market Share 81
Кейс NQ10. Гистограмма на официальном портале
города Екатеринбург 84
Кейс NQ11. Круговая диаграмма на официальном портале
города Екатеринбург 87
 Содержа н и е

Глава 4. Приемы визуализаци и 89

Приемы использования цвета 91
Прием 1. Как показать положительные и отрицательные значения 92
Прием 2. Как показать ответы Да- Нет-Не знаю 97
Прием 3. Как выделить значения максимума и минимума 99
Прием 4. Как отобразить данные о мужчинах и женщинах 100
Прием 5. Как расставить акценты 101
Прием 6. Как представить незначимую информацию 103
Прием 7. Как показать прогнозные значения 103
Прием 8. Как представить текущий и прошлый год 104
Прием 9. Как упростить чтение графика с несколькими линиями 105
Прием 10. Как закрепить фирменный стиль 105
Прием 11. Как понятно представить на диаграмме
известные бренды 107
Другие приемы 111
Прием 1. Перекрытие столбцов на диаграмме 111
Прием 2. Пространство между столбцами диаграммы 114
Прием 3. Скользящее среднее 116
Прием 4. Одна подпись для нескольких диаграмм 120
Прием 5. Вспомогательная ось 123

Глава 5. Готовые решения дnя различных бизнес-данных 127

Решение 1. Динамика за много лет, несколько рядов данных 129
Решение 2. Динамика за много лет, один ряд данных 130
Решение 3. Динамика за много лет, процент изменения от года к году 132
Решение 4. Сравнение текущего года с прошлым, динамика
по месяцам одной категории. Линейный график 133
Решение 5. Сравнение текущего года с прошлым, динамика
по месяцам одной категории. Гистограмма 135
 Содержа н и е

Решение 6. Сравнение текущего года с прошлым, много категорий 137

Решение 7. Тренд или прогноз 139
Решение 8. Динамика долей 141
Решение 9. Сравнение плана с фактом 142
Решение 10. Сравнение выручки по магазинам и менеджерам 143
Решение 11. Диаграмма целевой аудитории 145

Глава 6. Как оформлять таблицы 149

Одиннадцать советов по оформлению таблиц 151
Совет 1. Линии сетки делайте светлыми 15 1
Совет 2. Числа должны быть с разделителями разрядов
и без лишних знаков после запятой 153
Совет 3. Дизайн не должен препятствовать пониманию 1 54
Совет 4. Располагайте данные логично 155
Совет 5. Выделяйте отрицательные значения красным 156
Совет 6. Нули и ошибки выделяйте серым 1 60
Совет 7. Выделяйте шапку и итоги 165
Совет 8. Помогайте цветом и отступами понять
иерархическую структуру данных в таблице 166
Совет 9. Закрепляйте шапку и названия строк 168
Совет 10. ПридерживайтесЪ одного формата 173
Совет 11. Быстрые диаграммы в ячейках: условное
форматирование и спарклайны 174

Глава 7. В добрый путь! 183

Предметный указатель 187

 Ольга Баэапева - руководитель отдела ис­
следований и бизнес-анализа в РБК. Более
семи лет работала в крупнейших медиаком­
паниях и рекламных агентствах, на ее сче­
ту - Афиша, Рамблер, AdWatch Isobar.
Имеет два высших образования, психоло­
гическое и финансовый менеджмент. Учи­
лась в МГУ им. М.В. Ломоносова и Финансо­
вом университете при Правительстве РФ.
Создатель уникального блога в Инстаграме
о визуализации данных и собственного сайта с наглядными обзорами

рынков data-vis.ru, создатель/основатель онлайн-школы визуализации

данных "Excellent". Неоднократно выступала на конференциях в России
и Германии.

Ее стат�я "11 правил визуализации данньtх" стала победителем статей­

ного конкурса Нетологии.
 Бл а годар н ости

Спасибо моему любимому мужу, Никите Базалеву, который меня

всегда понимает и поддерживает. Спасибо за ценные советы и за глав­
ный ресурс - время! Только благодаря дорогому мужу у меня была воз­
можность посвящать себя творчеству, в то время как сын находился в
его надежных руках.
Спасибо моей драгоценной сестре, Анне Мелещенко, за поддержку и
вдохновение. Эта книга началась с победы моей статьи "11 правил визу­
ализации данных" в статейном конкурсе Нетологии. Победа состоялась
благодаря легкой редактуре моей сестры. Именно она открыла мне глаза
на то, что о диаграммах можно писать попятным человеческим языком.
Огромное спасибо школе Free PuЬlicity School. Эта книга написана в
процессе обучения на курсе "Пишу книгу за 90 дней". Без их мягких, но
настойчивых пииков книга появилась бы на свет лет через 10. А скорее
всего, не появилась бы вовсе. Спасибо всей нашей мастермайид-груп­
пе за конструктивную обратную связь и поддержку. Отдельное спасибо
моей напарнице, великолепному автору, Виктории Ведо, и моему мудро­
му бадди, Элене Ваурле, за бесценные советы! И невероятпая благодар­
ность основателю школы - Екатерине Иноземцевой, Профессионалу с
большой буквы, потрясающей женщине, которая своей энергией заря­
жала на протяжении всего моего нелегкого авторского пути.
И в заключение я хотела бы поблагодарить Вилла Гейтса за мой люби­
мый инструмент - Excel.
 П освя щен и е

Я посвящаю книгу любимому Максиму, который в этот момент слад­

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

.\fHe заниматься обожаемым делом. Я надеюсь, ты будешь мною гор­

.:rиться и тоже найдешь свое искренне любимое дело!

Эта книга была написана, пока ты спал. Создание диаграмм чередова­
.1 ось с зацеловыванием твоих драгоценных щечек.

Люблю Всем сердцем.

Мама
Вступление

От АВТОРА

ЗАЧЕМ ВАМ ЭТА КНИГА

ИстоРия ПЕТРА

ИстоРия МАши

ИСТОРИЯ ВЛАДИМИРА

0 ЧЕМ КНИГА И ДЛЯ КОГО

От издАТЕльствА "ДиАЛЕКТИКА"
 В ступ л е н и е

В 20 лет я закончила психологический факультет МГУ им. М.В. Ло ­

моносова. Подумала, какое счастье, что учебные будни закончились! Но
тяга к новым знаниям победила, и я следом получила второе высшее об­
разование - по специальности "Ф инансовый менеджмент )) в Финансо­
вом университете при Правительстве РФ.
После трех лет работы в сфере управления персоналом я поняла, что
самое большое удовольствие я получаю от обработки результатов пси ­
хологических тестирований сотрудников. Графики, диаграммы и боль­
шие таблицы с данными - вот она, моя истинная страсть. Я ушла с
должности начальника HR-отдела крупной компании и устроилась на
должность ассистента аналитического отдела в Рамблер.
Так началась моя карьера в любимом деле. За семь лет я ни секунды не
пожалела о смене профессии. Я занималась бизнес-аналитикой и визу ­
ализацией данных в крупнейших медиакомпаниях и рекламных агент­
ствах - Рамблер, Афиша, AdWatch Isobar. Выступала на конференциях
в России и Германии. Последние два года руководила аналитическим
отделом в РБК.
Год назад я ушла в декрет и переехала в Калифорнию. Однако страсть
к визуальной аналитике осталась. Я стала вести собственный блог о диа­
граммах и Excel, создала сайт с наглядными обзорами рынков data-vis.ru.
А после того как моя статья "11 правил визуализации данных)) победила в
статейном конкурсе Нетологии, я решила, что пора. Пора написать кни­
гу, о которой я мечтала несколько лет.
В книге я делюсь своими знаниями и опытом, как представить слож­
ные данные наглядно, просто и красиво. Надеюсь, мое психологическое
образование помогло донести идеи максимально понятно, а моя любовь
к качественным графикам и диаграммам вдохновит вас на ваши соб­
)
ственные " визуальные ) шедевры!
 З а ч ем вам эта кн и га

"Работать нуж но не 12 часов, а головой!"

СтивДжобс

Пете 32 года. Он - финансовый аналитик в крупном интернет-ма­

г азине по продаже бытовой техники. Работа интересная, но Петя уже
.1авно мечтает о повышении. За все пять лет работы начальник ни разу
не поднимал ему зарплату. "Вот получу повышение, - думает Петя, -
в озьму себе квартиру в ипотеку. Съеду от мамы, наконец! "
Однако в последнее время дела в компании н е задались: уже полгода
ка к чистая прибыль падает, хотя продажи товаров и средний чек оста­
.1ись на прежнем уровне. Весь финансовый отдел в лице Пети и Ивана
(тот еще "умник" и " выскочка", по мнению Пети) второй месяц пытает­
ся понять причину.
Как-то поздно вечером, засидевшись на работе, Петя увидел но­
вое сообщение. Пришел отчет из бухгалтерии по закупке контекст­
н ой рекламы за последние шесть месяцев (каждый месяц в отдельном
Ехсеl-файле, как водится) . Петя собрал все данные в одну табличку, по­
строил график и не смог поверить своим глазам! Петя разгадал загадку
падения прибыли!
Все дело было в том, что цены на контекстную рекламу в Дудл вы­
р осли в два раза, тогда как цена рекламы в Юндекс осталась прежней.
А непутевые маркетологи так и продолжали закупать рекламу в Дудл в
т ом же объеме. Решение было простейшее и очевидное - отказаться от
Дудл и закупать всю рекламу в Юндекс, так как эффективность и там,
и там одинаковая. Это позволит компании экономить 1 млн. руб. каж­
цый месяц!
 В ступ л ен и е

Петя просидел на работе до полуночи и построил суперграфик со всей

доказательной базой! Он собрал все имеющиеся данные, чтобы отчет
был солидным и презентабельным и чтобы у начальника не осталось ни
единого сомнения, что явилось причиной падения прибыли.
Петя отправил отчет и, гордый проделанной работой, поехал домой.
Засыпая, он даже не мог решить, чему больше радоваться - тому, что
скоро съедет от ворчливой матери, или тому, что обошел конкурента
Ивана.
Наутро счастливый Петя, с улыбкой ввалившись в кабинет, застыл в
изумлении. Там стоял начальник и жал руку Ивану. Иван расплывалея
в улыбке и благодарил за повышение.
Петя не знал, что Иван утром тоже увидел отчет из бухгалтерии и
отправил краткую аналитическую записку боссу. А тот даже не обратил
внимания на письмо Пети, так как не смог понять, что же означал его
очень умный график.
"Ч то я сделал не так?! - думал обомлевший Петя. - Я так старался и
так много работал! А вся награда достается этому негодяю и бездельни­
ку! Мир жесток и несправедлив! "
 З а ч е м ва м эта к н и г а

ФИНАНСОВЫЕ ПОКАЗАТЕЛИ КОМПАНИИ

10000000

8000000 4,00 ::.::

:s:

::.::
с:::
6000000
ro
(1)
4000000 2,00 ro

Q)
:!:

2000000 :::r

о 0,00
-D -D -D -D -D -D ,... ,... ,... ,... ,... ,...
ci. ,"; :i сХ ai ci. ,"; с:: :i сХ
� � � � � �

с::
� � � � � �

"' "' ., "' "' ., о

01
"'
:с
::!: ::!:
2 (.)
о
:с "' ::!: ::!: 2
:с
(.) :с
s s

Чистая nрибыль
Затраты на рекламу Дудл
- Затраты на рекламу Юндекс
- Выручка до рекламы
- Цена за клик Дудл (всnомогательная ось)
- цена за клик Юндекс (всnомогательная ось)

ГрафикПети

ДИНАМИКА ПРИБЫЛИ И ЗАТРАТ НА

РЕКЛАМУ (МЛН. РУБ.)

r,
>'::·
-чистая
n р ибы ль

5 - Реклама
Юндекс

- Рекла м а
Дудл
"
-D -D -D -D -D -D ,... ,... ,... ,... ,... ,...
ai ci. ,"; :i сХ 01 ci. ."; с:: :i сХ
� � � � � � � � �

с::
� �

"' "' 2 ., :с "' "' 2 ., о

"' (.) "' ::!: :е s (.) ::t
:с о
::!: :е s ::t

График И8ана
 В ступ л е н и е

Маша - обычная скромная девушка. Н е красавица, н о достаточно

миловидная. Маша сразу после института пошла работать в небольтое
рекламное агентство и занималась исследованиями рынков. Она трудо­
любива и исполнительна, но начальник постоянно недоволен ее презен­
тациями. "Хоть бы объяснял, что ему не нравится, а то только молчит,
и по десять раз приходится переделывать диаграммы, пока его не устро­
ит, - жалуется она своим подругам. - У меня красный диплом не прос­
то так! Я тоже кое-что понимаю в аналитике . Он просто придирается
ко мне!"
И тут подвернулась удача! Крупное сетевое рекламное агентство на­
бирало сотрудников. Маша, недолго думая, отправила резюме и записа­
лась на собеседование.
Это была ее мечта! Крутой офис в центре города, молодые успешные
коллеги, бесплатные печеньки и кофе. Маша прошла к кабинету дирек­
тора по исследованиям, куда ее направили на ресепшене, и с волнением
стала ждать встречи.
Собеседование прошло отлично! Директор оказался молодым весе­
лым парнем, они сразу нашли общий язык. Получив тестовое задание,
Маша вышла из кабинета и увидела следующего кандидата на ту же
должность. Это была эффектная блондинка с красной помадой. "Ну, ей
точно не справиться с заданием! Тут умные нужны! " - подумала Маша
и воодушевленная побежала домой выполнять задание.
Через три дня Маше пришел ответ, что, к сожалению, выбрали дру­
гого кандидата.
"Все с ними ясно! - сетовала Маша. - Все мужики одинаковые!
Предпочитают красную помаду красному диплому! " Верные подруги
лишь сочувственно кивали ей в ответ.
 З а ч ем вам эта кн и г а

ВЫ ЛЮБИТЕ НАПИТОК ЛОЛА-ЛОКА?

30%

Да Нет

Лола-лока Наnиток 2 Наnиток 3

5%

Наnиток 4 Напиток 5 Напиток б

Наnиток 7 Напиток 8 Напиток 9

8% 7%

Диаграммы Маши
В ступл ен и е

ВЫ ЛЮБИТЕ НАПИТОК ЛОЛА-ЛОКА?

ДОЛЯ КОНКУРЕНТОВ НА РЫНКЕ

-l 1

ЛОЛА-ЛОКА 20%

НАПИТОК б

НАПИТОК 9

НАПИТОК 3

НАПИТОК 5

НАПИТОК 7

НАПИТОК 8

НАПИТОК 2
1
НАПИТОК 4 1
�-
- J
Диаграммьt блондинки
 З а ч ем вам эта кн и га

Владимир - опытный садовод 46 лет, всегда мечтал выступить на

конференции. Ближайший симпозиум садоводов должен был состоять­
ся через полгода.
У Владимира был десятилетний опыт продажи товаров для сада в
с обственном садовом центре, и он хотел поделиться с коллегами свои­
�и знаниями. Тема была, безусловно, интересная: "Как повысить про­
;:щжи без рекламы и вложений". Владимир представлял себе, что после
е го презентации начнется оживленная дискуссия. Он любил выступать
на публике и был готов отвечать на вопросы по его докладу хоть целый

день!
Владимир не терял времени даром. Он изучил Excel, научился делать
крутые диаграммы и тщательно подготовил презентацию. Ему хотелось
обратить на свое выступление внимание коллег, выделиться среди дру­
гих докладчиков. Владимир решил заменить скучные круговые и линей­
ные диаграммы чем-то поинтереснее. Лепестковая и пузырьковая диа­
граммы отлично для этого подходили.
Настал день симпозиума. Все было готово! Презентация выверена,
текст отрепетирован. Владимир вышел на сцену и с упоением 20 ми­
нут рассказывал о своем богатом опыте управления садовым центром
и о том, как ему удалось повысить выручку благодаря анализу продаж.

"Спасибо за внимание!" - закончил Владимир и поднял глаза на

зал, чтобы пообщаться с коллегами. "Теперь можете задать вопросы, -
о бъявил модератор. - Нет вопросов? Хорошо. Наш следующий доклад-
))
чик . . .
Грустный Владимир спустился со сцены и так и не догадался, что у
зала был миллион вопросов. Особенно по диаграммам. Но никто не ре­
шился признать, что не понял ни одного графика, так как не хотел пред­
стать глупым в глазах всего сообщества.
В ступл ен и е

Анализ продаж
250
ID
о
1-
� 200
:s:
с:;
"'
Семена
о 150
ID
1- 16 ОООр. Цветы
u
бО ОООр. Деревья
35 ОООр.
<1.1
;r
:s: 100
с:;
о
:х:
50 Луковицы
Кустарники
20 000р.
40 000р.

о
о 100 200 300 400 500 600
1
Цена
J
Продажи садовОf'О центра

Янваоь

Декабрь Февра:оь

lil Луков•tuы

8 Семе••а

8 Деревья " кycтap·t<tKI1

Agrycт ИЮ•IЬ

Июль

Диаграмм ы Владимира
 З а ч ем вам эта кн и га

АНАЛИЗ ПРОДАЖ САДОВОГО ЦЕНТРА ЗА 2017г.

ПРОдАЖИ �QlHIO KШ1EI::JIШ� UE.I:J.A

ЦВЕТЫ -бО ОООр -200 11 ЗООр

КУСТАРН
ИКИ -40000р 11100 . 400 р
ДЕРЕВЬЯ • 35000р. 170 500р
ЛУКОВИЦЫ 1120 ОООр. 11100 1200р
СЕМЕНА 116 ОООр -200 lsop

120
8СЕМЕНА
100

nvк V'(...>l
во
•
бО

40 8 ДЕРЕВЬЯ И
20 КУСТАРНИКИ

8 ЦВЕТЫ
ЯНВ ФЕВ МАР АПР МАЙ ИЮН ИЮЛ АВГ СЕН ОКТ НОЯ ДЕК

�-----------------------------------------------�-��---------� J

Диаграммы, котор ы е обсуждали бы

 Вступ л ен и е

Эта книга научит вас делать информативную) попятную и качествен­

ную визуализацию данных в бизнесе. Л юди не любят читать долгие )
нудные отчеты или рассматривать громоздкие таблицы с данными. Кар­
тинка стоит тысячи слов.
Существует множество способов визуализации. Однако по сей день
самые распространенные и доступные из них - графики и диаграммы.
А самый используемый инструмент - это Excel.
Давайте по-честному. Кто из обычных аналитиков пользуется такими
инструментами визуализации) как TaЬleau и Qlik) или применяет язы­
ки программирования Python и Java-Scripй Один процент� Одна десятая
про цента�
Остальные 99 ) 9% для решения каждодневных задач используют ста­
рый добрый Excel. И это отличный выбор ) поскольку у Excel огромные
возможности для настройки графиков и диаграмм.
Поэтому книга о том) как создавать профессиональную визуализа­
цию с помощью диаzр амм в Excel.
Мне посчастливилось семь лет работать в крупнейших медиакомпа­
ниях и рекламных агентствах страны. Я каждый день работала с множес­
твом различных данных. Делала годовые ) квартальные ) ежемесячные)
еженедельные и ежедневные отчеты. Готовила аналитику по продажам)
по рекламе) по конкурентам ) по бонусам сотрудникам) делала прогно­
зы) проводила исследования рынков ) анализировала аудиторию сайтов)
журналов и телеканалов.
В этой книге я собрала приемы и лайфхаки) которые ежедневно по­
могали мне делать аналитические отчеты попятными и ценными и эко­
номили время моих заказчиков. Ведь качественная визуализация делает
принятие решения в разы более быстрым и легким.
 О ч ем кн и га и для к о го

После прочтения этой книги вы:

.,.. поймете, каковы главные правила визуализации данных;

.,.. узнаете, какие основные ошибки совершаются при построении диа­
грамм;
... получите готовые идеи и приемы решения различных задач визу­
альной аналитики;
.,.. научитесь делать это с помощью Excel.

Книга, которая у вас в руках, - практическое руководство на каждый

::rень для тех, кто работает с числами и хочет упростить анализ инфор­
мации.
Э то аналитики, маркетологи, финансисты, а также консультанты, ру­
ководители проектов, студенты. При этом не важно, из какой вы отрас­
.1 и. Визуализация - необходимый инструмент в любом современном

бизнесе.

1. Чек-листы и памятки.
2. Анализ реальных кейсов известных компаний.
3. Готовые решения, исходя из бизнес-задачи.
4. Все в книге основано на реальной практике.
5. 20 суперполезных лайфхаков Excel (используется версия Excel-20 16).
6. Никакой " воды", все по делу.
Бонус!
7. Глава об оформлении таблиц.
 В ступл ен и е

1. Чем проще, тем лучше.

2. Эстетика, красота.
3. Внимание к деталям.
4. Все должно быть предельно ясно.
5. Простое обновление, автоматизация.

Вы, читатель этой книги, и есть главный ее критик. Мы ценим ваше

мнение и хотим знать, что было сделано нами правильно, что можно
было сделать лучше и что еще вы хотели бы увидеть изданным нами.
Нам интересны любы е ваши замечания в наш адрес.
Мы ждем ваших комментариев и надеемся на них. Вы можете при­
слать нам электронно е письмо либо просто посетить наш веб-сервер и
оставить свои замечания там. Одним словом, любым удобным для вас
способом дайте нам знать, нравится ли вам эта книга, а также выскажите
свое мнение о том, как сделать наши книги более интересными для вас.
Отправляя письмо или сообщение , не забудьте указать название кни­
ги и ее авторов, а также свой обратный адрес. Мы внимательно ознако­
мимся с вашим мнением и обязательно учтем его при отборе и подго­
товке к изданию новых книг.
Наши адреса:
E-mail: info@dialektika. сот
VVVVVV: http://www.dialektika.com
НЕМНОГО ТЕОРИИ

ЗАЧЕМ НУЖНА ВИЗУАЛИЗАЦИЯ ДАННЫХ

Виды диАГРАММ

Кдк ВЫБРАТЬ ДИАГРАММУ

ЦЕЛЬ ВИЗУАЛИЗАЦИИ

ВЫБОР ДИАГРАММЫ
 t Гл а ва 1 . Н ем н ого теор и и
__...,.

Зачем нужна виэуапиэация данных

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

.,. быстрее воспринимается,

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

[> ·-��/.
.. . . �-:--:·,·
�!::--
•......_ ......... ........ _.
·-:-· ·····
....

-�·-·-·-·
 В иды диа грамм

дыдиаrрамм
Видов диаграмм очень много. Но я остановлюсь только на самых по­
::тулярных из них. И даже среди самых популярных я могу выделить прос­
тые и сложные.

ПРОСТЫЕ ДИАГРАММЫ

ЛИНЕЙНАЯ ДИАГРАММА (ГРАФИК) К РУГСВАЯ ДИАГРАММА

ЛИНЕЙЧАТАЯ ДИАГРАММА СТОЛБЧАТАЯ ДИАГРАММА (ГИСТОГРАММА)

-
1

Есть всего четыре вида диаграмм, которые понятны всем и при этом
подходят для большинства данных. Старайтесь использовать их, не ус­
.1ожняйте.
Исключение - когда вы уверены на все 1 00%, что вас поймут. Или
когда никак не обойтись без более сложного вида диаграммы. В таких
случаях обязательно прописывайте пояснения, как надо читать диаграм­
му, или проговаривайте это вслух, если вы выступаете с презентацией.
 Гл ава 1 . Н ем ного тео р и и

З н а ко м а л и ва м ситуа ц и я , в которо й вы сидите н а кон ф ерен ц и и и л и

сове щ а н и и и совершен н о не п о н и м аете за м ысл оватые диагра мм ы до­
кладч и ка? Н аверняка вы в тако й м о ме нт задавал и с ь вопросо м "Это
я оди н настол ько несоо б рази тел ь н ы й , ч т о н и чего не п о н и м а ю? " По ­
верьте, вы не оди но ки !

СЛОЖНЫЕ ДИАГРАММЫ

Т ОЧЕЧНАЯ Д ИАГРАММА ПУЗЫРЬКОВАЯ ДИАГРАММА

•
•
•
•
8
•
• •

ЛЕПЕСТКОВАЯ ДИАГРАММА ДИАПАЗОННАЯ ДИАГРАММА (БИРЖЕВАЯ)

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

В своем блоге в Инстаграме @data.vis, который посвящен визуализа ­
ции данных, я задала два вопроса (диаграммы прилагались).
 Виды д и а г рамм

npoc 1 . Понимаете л и в ы эту диаграмму?

Продажи садового центра

Январь

Декабрь Февраль

8 Луковицы

8 Семена
Октябрь
Цветы

Деревья и кустарники

Июль

npoc 2. Умеете ли вы читать пузырьковые диаграммы?

Анализ продаж
25

т
о 20
1-
:t:
Q)
:s:
с::: Семена
15
�
1 бООр. Цветы
о Деревья
т б ОООр.
1- 3 500 р.
Q) 10
()

':Т
:s:
с:::
о
� 5
Луковицы Кустарники
2 ОООр. 4 ОООр.

о
о 100 200 300 400 500 600

Цена
 Гл а ва 1 . Н ем н ого тео р и и

Я всегда была уверена, что многие н е понимают подобные диаграм­

мы. Но результаты удивили даже меня.

Распределение ответов на вопрос 1. Распределение ответов на вопрос 2.

Большинство ( ! ) ответили, что не понимают такие диаграммы. При

этом следует учесть, что аудитория моего блога - аналитики и специ­
алисты, которым интересны диаграммы и Excel. Боюсь предположить,
каков был бы результат опроса среди представителей гуманитарных
профессий.

Вывод простой, повторю его еще раз. Используйте сложные диа­

граммы только в крайних случаях, когда это действительно необходи­
мо. Задумайтесь, какая у вас цель. Чтобы вся аудитория поняла смысл
представленных данных? Будь то аналитик, журналист или художник?
Или цель - блеснуть знаниями замысловатых диаграмм?
Цель всегда первична. С нее начинаются выбор и построение любой
диаграммы.
 К а к вы б рат ь диа грамм у

ак выбрать диаrрамму
ь виэуализ ции
Построение любой диаграммы всегда начинается с определения цели.
:Jель- это какую идею вы хотите донести до читателей.
Допустим, у вас есть данные по выручке вашей компании и конку­
?ентов за два года в разбивке по месяцам. Цели могут быть следующие.

1. Рассмотреть динамику продаж компании.

2. Сравнить динамику компании с динамикой компаний-конкурентов.
3. Посмотреть изменение выручки компании год на год.
4. Посмотреть долю рынка компании в сравнении с аналогичным по­
казателем конкурентов.
5. Посмотреть долю продаж компании за этот месяц и сравнить с
прошлыми периодами.

Определились с целью? Теперь определимся с диаграммой.

6ор иаrра ы
Э то схема на каждый день. На ней представлен процесс выбора прос­
тьiХ диаграмм для решения трех самых часто встречающихся задач ви­

зуализации: показать динамику, сравнить доли и сравнить категории.

Впрочем, по моему опыту, эта схема охватывает 90% всех аналитичес­
ких задач.
 • Гл ава 1. Н ем н о го т е о р и и
___....,.

АЛГОРИТМ ВЫБОРА ПРОСТЫХ ДИАГРАММ

/\v ••••
ДИНАМИКА,
ИЗМЕНЕНИЕ
ВО ВРЕМЕНИ
� ' "' ""'"''" �

� МНОГОКАТЕГОРИЙ � /\v

СУММА РАВНА 1 00%

{ 2-5 ЭЛЕМЕНТОВ �

СТРУКТУРА, -
-
СРАВНЕНИЕ
ДОЛЕЙ
БОЛЕЕ 5 ЭЛЕМЕНТОВ � -
- ••••
-
-
СУММА НЕ РАВНА 100% ------------...
-) -
- ••••

СРАВНЕНИЕ -
-
КАТЕГОРИЙ, --------.
РЕЙТИНГ
-
- ••••
ОдИННАДЦАТЬ ПРАВИЛ
ВИЗУАЛИЗАЦИИ ДАННЫХ

ПРАВИЛО 1. (ДЕЛАЙ ПРАВИЛЬНЫЙ ВЫБОР!

ПРАВИЛО 2 . ВсЕ В ПОРЯДКЕ

ПРАВИЛО 3. МЕНЬШЕ ЗНАЧИТ БОЛЬШЕ

ПРАВИЛО 4. РАВНЯЙСЬ!

ПРАВИЛО 5. Долой ВСЕ ЛИШНЕЕ!

ПРАВИЛО 6. РАЗДЕЛЯЙ И ВЛАСТВУЙ

ПРАВИЛО 7. 90-60-90

ПРАВИЛО 8. ВСЕ ясно

ПРАВИЛО 9. ЦВЕТ ВСЕМУ ГОЛОВА

ПРАВИЛО 10. БУДЬ ПРОЩЕ

ПРАВИЛО 11. ПЯТЬДЕСЯТ ОПЕНКОВ СЕРОГО

P.S. ТРИ КИТА УДАЧНОЙ ВИЗУАЛИЗАЦИИ

 Гл ава 2. Оди н н адцать п р а в ил в изуал изаци и дан н ых

Итак , цель визуализации определена, диаграмма выбрана и построе­

на. Надеюсь, вы остановили свой выбор на одном из простых вариантов.
Однако неграмотное использование даже самых простых диаграмм
может испортить впечатление о вашей работе и о вас как об эксперте.
Чтобы этого не случилось, придерживайтесь основных правил визуали ­
зации данных.
 П равил о 1 . Сдела й п ра вильн ы й в ыбор !

вило 1. Сдела й n авильный выбор!

Используйте правильные тип и формат визуализации.

• Ряr, 1 Ряд 1
•Ряд2
Ряд2
•Р�дз
РйдЗ
•Ряд4
• Ряд 5
Ряд4
•Ряд б Ряд 5
Ряд 7 Ряд б
Ряда Ряд 7
Рsод9 Ряда
Ряд9

Главная цель визуализации - упростить и ускорить восприятие ин­

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

� Круrовая диаграмма, в которой много долей. Такая диаграмма

становится нечитабельной. Не используйте круговую диаграмму)
если в ней больше трех-пяти значений. Лучше в таком случае вы­
брать обычную линейчатую диаграмму .
� Круrовая диаграмма, в которой сумма долей не равна 100%. Это
грубейшая ошибка) так как данные просто-напросто искажаются.
� Нарушаются общепринятые стандарты. Например) временные
оси (года) месяца) кварталы) следует располагать горизонтально сле­
ва направо) это интуитивно понятно. Если временную ось располо­
жить вертикально сверху вниз) вы затрудните понимание графика.
П ом н ите, что неудачн о вы б ран н ы й ти п и ф ормат в изуал изац и и сразу
сн ижает до вер ие к п редставлен н о й и н ф ормаци и .
 Гл а ва 2. Оди н н адцать п ра в ил виз у ал иза ци и да н н ых

Располагайте данные в логическом порядке.

Ч а ще всего л о ги ч н ое распол ожен ие д а н н ы х - п о следо вател ьн о от

бол ьшего к мен ьшему.

Однако, если вы показываете на диаграмме результаты опроса, в кото­

ром есть деление на положительные и отрицательные ответы, то логич­
нее их выстроить в таком порядке: Да, С ко рее да, Нет, С ко р ее н ет, Затр уд­
н я ю с ь о твет и ть .
Данные можно выстраивать и от меньшего к большему, если это со­
ответствует цели вашего сообщения. Цель всегда первична. Прежде чем
приступать к построению графика, четко сформулируйте, какую идею
вы хотите донести до читателей, на что хотите обратить их внимание.
 П равил о 3. Мен ь ш е з н а ч ит бол ьш е

авило 3. Меньше значит больше

Дизайн не должен препятствовать пониманию или искажать данные.

И з б ега й те б есп олез н ых элементо в диза й н а , таких ка к градиенты ,

тен и , э ффекты зD. О н и тол ько отвлекают читателя от сути соо б щен ия .
Д иза й н должен б ыть л а ко н и ч н ым .

График не становится красивым и внушительным просто от того, что

он нарисован объемным. Это могло удивить лет двадцать назад, на заре
расцвета Excel, когда еще мало кто умел строить диаграммы. Более того,
3D-графики зачастую могут вызвать оптический обман.
Помните: если визуализация выполнена красиво, это еще не значит,
ч то она выполнена качественно. Принципы хорошего дизайна - яс­
ность, простота и минимализм.
 Гл а ва 2. Оди н н адцать п ра в ил в изуал иза ци и дан н ых

равило lt. Равняйсь!

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

) КАТЕГОРИЯ В
КАТЕГОРИЯ D

КАТЕГОРИЯ А

КАТЕГОРИЯ С
-
-
62%

j�
о

КАТЕГОРИЯ В
-

Одна из гл авн ых целе й в изуа л изаци и - удо б н ое и н а глядное сравне­

н ие двух и б олее п о казателе й .

Поэтому, чтобы ваши диаграммы были ценными и полезными, по­

казывайте соотношение между данными. Если разбить однотипную
информацию на много отдельных графиков, визуализация становится
бессмысленной.
Именно быстрое понимание самых высоких и самых низких значе­
ний, тенденций и корреляций является главным преимуществом ви­
зуализации в сравнении с обычной таблицей или текстом. Диаграммы
должны гораздо быстрее и яснее передавать ваши идеи. Если это не так,
меняйте тип графика.
 П ра в ил о 5. Д ол о й в се л и шн ее !

авило 5. Долой все лиwнее!

На диаграмме должны быть только необходимые элементы.

Категория 4

4
Категория 3 Категория 3

Категория 2 3
категория 2

Категория 1 КатегориR 1
2

о 1 2 3
•Ряд 1 •Ряд 1

У б и р а й те с в а ш их гра ф и ко в и диаграмм все неи н ф ормати в н ые эле­

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

Например) если есть подписи значений) то линии сетки и ось не нуж­

ны ) так как это дублирование информации и графический "мусор". Ос­
новные и вспомогательные линии сетки) если они все же необходимы)
.:юлжны быть простыми и не бросающимися в глаза. Акцент всегда дол­
жен быть на основной идее) а не на вспомогательных элементах. Если
следовать этому совету) то нужная информация сразу выходит на пер­
вый план.
 Гл а в а 2. Оди н н адцать п ра в ил в из уал иза ци и да н н ых

авило 6. Разделя й и влас

Следите) чтобы не было визуальной загроможденности.

•ВСЕ •МУЖЧИНЫ ЖЕНЩИНЫ ВСf ��II'Hbl

ОТВЕТ 1 ОТВЕТ 1- -
ОТВЕТ 2 0ТВЕТ2- -
0'ВЕТ3 - -
ОТВЕТ 3 0ТВЕТ4- -
ОТВЕТ 4 ОтВЕrS- -
ОТВЕТ 5 ОтвЕтб- -
ОТВЕТ б 0'ВЕТ7- -
0ТВЕТ8- -
ОТВЕТ 7 Оrвн9- -
ОТВЕТ 8 Or&rlO- -

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

Когда необходимо визуализировать много разных типов данных и ка­

тегорий ) целесообразнее разделять диаграмму на несколько частей. На­
пример ) если на линейном графике больше четырех-пяти линий или на
столбиковой диаграмме больше двух категорий ) не стоит умещать их на
одном графике.
 П ра в ил о 7 . 90-60-90

авиnо 7. 90-60-90
Числа должны быть с разделителями разрядов и без лишних знаков
после запятой.

ДОХОД 1 1111111 20000000 доход 1 1111111 20 000 000

ДОХОД2 - 15 000 000,000 ДОХОД2 - 15000000
ДОХОДЗ • 1 о 000 000,00 ДОХОДЗ 10000000

ДОХОД4 1 5000 000,0 ДОХОД4 1 5000000

ДОХОД 5 11000000,000 11 000 000

В бол ьш их ч и сл ах всегда разделя й те разряды (10 о о о о о о , а не

1 о о о о о о о) , и н аче ц и ф р ы стан овятся неч ита бел ь н ы м и .

Также не используйте знаки после запятой без осознанной необходи­

� о сти. И следите, чтобы формат был единый. Если вы решили показать
один знак после запятой, то сделайте так для всех подписей данных, а не
выборочно: где-то два знака, где-то три, а где-то без единого знака.
 Гл а в а 2. Од и н н адцать п рав ил в изуал изац и и дан н ых

авило 8. Все ясно

У диаграммы должны быть название и полная легенда.

ГРАФИК �1

ФLВ МА� АПР r..-!A ИЮН

11 t7 1 1 17

Следите, что б ы у в а ше й ди агра мм ы б ыл и п ол н ое п онятное назван ие

и все нео бходи м ые п одп и с и , и н аче п оя вляется р и с к неверн о го и стол ­
ко ван и я .

Всегда указывайте период и единицы измерения . Не надейтесь, что

пользователь вашего графика догадается об этом из контекста . Чтобы
удостовериться, что данные будут верно интерпретированы, встаньте на
место читателя, который видит вашу диаграмму впервые . Все должно
б ыть предельно четко, чтобы у читателя не осталось ни одного сомне­
ния по поводу трактовки представленных данных.
П омните, что ваша задача при создании графиков и диаграмм -
упростить восприятие данных, а не вызвать вопросы .
 П ра вило 9. Цвет всему гол о ва

авиnо 9. Цвет всему ronoвa

Не нарушайте общепринятое использование того или иного цвета.

Есть нескол ько осно в н ы х категор и й , кото рые у нас всегда ассо ц и и ру­
ются с о п ределен н ы м цветом .

1. Положительные и отрицательные значения - зеленый и красный.

2. Да/нет, согласен/не согласен - зеленый и красный.
3. Мужчины и женщины - голубой и розовый.
4. Прочее/другое/остальное/нет ответа/затрудняюсь ответить - се­
рый цвет.

Если показывать данные категории на диаграммах в ожидаемой цве­

товой гамме, то пользователю даже не придется смотреть на легенду, и
без этого ясно, какой цвет что обозначает. Не пренебрегайте этим пра­
вилом, оно очень простое и логичное, однако в Интернете часто встреча­
ются примеры его игнорирования.
Есть хороший прием использования цвета для сравнения показателей
текущего года и прошедшего: делать прошедший год более бледным, а
текущий более ярким. При этом оба года лучше показывать в оттенках
одного цвета, потому что речь идет об одном и том же показателе.
 Гл а ва 2. Оди н н адцать п равил визуал иза ци и да н н ых

П авило 10. &удь проще

Используйте один вид диаграммы для однотипных данных.

ОТВЕТ НА ВОПРОС N91

11111
о
о -
О... ВР -
..... r- 1
-
•
ОТВЕТ З ОТВЕТ 4 ОТВЕТ S О.,.ВЕ1 ОТВЕ'Т 2 о.

ОТВЕТ НА ВОПРОС i'P-2 ОТВЕТ НА ВОПРОС i'P-2 ОТВП НА ВОПРОС i'P-3

ОТВЕТ' ­ ТВЕ - -
ответ,­ ОТВЕ'1 - Е'-
OTBETS ­ ОТ8ЕТ5 - -
ОТВЕТ1 -
- -
ОТВЕТ4 •
- 1

И з б ега й те раз н оо б разия рад и разноо б раз ия. Э то не всегда красиво,

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

Например, показывая последовательно ответы н а вопросы исследова­

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

авиnо 11. ятьдесят опенк в ceporo

Придерживайтесь одной цветовой гаммы.

ГРАФИК N92 ГРАФИК N91

ГРАФИКN93 ГРАФИК N24 ГРАФИК N24

ОТВЕТ ­ ОТВЕТ ­
ОТ!!ПО - ОТВЕТZ­
ОТВЕТЗ-

В изуал ь н ы е эл ементы (гра ф и ки , диаграм м ы , схемы) на п ротяже н и и

всего и сследо вания ил и отчета в ы п ол н я й те в одн о й цвето во й гамме.

Если же вы- исследовательская компания, то цветовая палитра долж­

на быть единой и во всех исследованиях для соблюдения фирменного сти­
,"IЯ. Если вы свой отчет дополняете графиками из других исследований, их

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

тину и портят восприятие. Во-первых, у них наверняка другая цветовая
гамма; во-вторых, часто качество картинок не самое лучшее, и это сразу
бросается в глаза.
Изменение графика в стиле компании займет всего lQ-20 минут, а от­
чет будет выглядеть более целостным и качественным. Именно вы ин­
туитивно будете восприниматься создателем информации и экспертом,
::щже если укажете другой источник данных, что, кстати говоря, также
всегда необходимо делать.
 Гл ава 2. Оди н н ад ц ать п рав ил в изуал изаци и дан н ых

Одиннадцать nравил виэуапиэации данных

Для удобства на этой и следую щ ей страницах собраны все описан­

ные правила. Их можно использовать как чек-лист для проверки сво­
их диаграмм.
Чек-лист мастера визуализации
1. Сделай правильный выбор!

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

4· Равняйсь! 5· Долой все лишнее

 П рав ил о 11 . П я тьдеся т о пен ко в серо го

6. Разделяй и властвуй .,. 90-60-90

8. Все ясно 9· Цвет всему голова

10. Будь проще 11. Пятьдесят оттенков серого

***

П омните об этих простых, но очень важных правилах визуализации.

Берегите своих читателей. Никому не нравится чувствовать себя глупо,
р ассматривая непонятные или нагроможденные графики и диаграммы.
 Гл ава 2. Оди н н адцать п ра в ил виз уал иза ци и да н н ых

P.S р кита '/t ачнои визуап ИИ

В завершение разговора о правилах хочу поделиться с вами тремя ки ­

тами, на которых держатся мои диаграммы. Я всегда держу в голове эти
тр и правила, когда их создаю.

т на nавнон де

Главная идея может быть прописана в названии, может быть показана

с помощью цвета или добавлена как комментарий непосредственно на
график.

1 В ность цвета
Не надо быть дизайнерами, чтобы делать классную визуализацию.
Но надо быть немножко психологом.
Цвет - мощный инструмент, который поможет вам вывести нужные
данные на первый план, сделать акцент на главной идее, сделает легенду
понятной для читателя, поможет структурировать информацию, отде­
лить незначимые элементы.

Че nроще тем nyчwe

Нередко диаграммы и графики в серьезных отчетах серьезных про­
фесеионалов выглядят значительными и умными. Однако большинство
читателей не понимают данные, которые на них представлены. Или по­
нимают неверно. Или понимают после чтения долгого сопроводитель ­
ного текста, что тоже говорит о неудачно представленной визуализации.
Диаграммы должны заменять текст, иначе смысл теряется.
Решайте сами, понятны ли вам такие диаграммы?
 P.S. Тр и к и та уда ч н о й в изу ал из а ци и

Figure ES.4 G lobal weighted average total instal led costs a n d p roject percentile ranges for CSP, solar PV,
o n shore and offshore wind. 2010-2017

Solar photovoltalc Concentratlng solar power Onshore wind Offshore wind

10 000

9 000

8 000

7 000
95"' percentlle

6 000
:;:
""'
d
5 000
л 1л. :
5 564
"'
::> 4 394
"' 4 3JI .
о
N 4 000
Vi '1 ·�
3 000

2 000 1 843 5"' percenШe

1 000 1.388 1 471

о
о .... g ....
о
о
N
о
N N
о
N

Source: IRENA RenewaЫe Cost DataЬase.

0.00

Oistributed diesel-fired electricity cost range

ll f
0 00

O(CD EurCJ!it' О( СО Nofth At�·t:rtCil' E.l)tt:r n E шope .,.,d

t.entr.-IA.s•il

t-t iRENA
 Гл а ва 2. Оди н н ад цать п ра в ил в изуал иза ци и да н н ых

о 20 1 1 201 2 20 1 3 20 1 4

Sma l l Large Small Large Small Large Small Large

Afrtca 11 Eurast.a 11 Nor1h Amerк:a

As1a 11 Еuюре 11 Ocean1.t
11 Centr.ol Amt'fiC.t .and tt-le C.artb�4n 11 Mtddle E�st South д�•сь

Total i n sta l l ed PV system co sts a n d weighted ave ra ges for sm a l l

Источник: Международное агентство возобновляемой энергетики IRENA

http : / / www . i rena . org /puЬ l i ca t i o n s / 2 0 1 7 / 0 c t / E l e c t r i c i t y- s t o rage- and­
renewaЬ l e s - co s t s - and-ma r k e t s

http : / /www . i rena . o rg / c o s t s / Chart s / S o l a r -photovo l t a i c

АНА ЛИЗ О Ш И Б ОК
НА ПРИМЕР Е Р Е АЛЬНЫХ К Е Й СОВ

(ЕМЬ ГЛАВНЫХ ОШИБОК

АНАЛИЗ РЕАЛЬНЫХ КЕЙСОВ

КЕйС N!! 1 . КРУГОВАЯ ДИАГРАММА из ПРЕЗЕНТАЦИИ

АМЕРИКАНСКОГО ИНСТИТУТА КОНТЕНТ-МАРКЕТИН ГА

КЕйС N!! 2. Л ИНЕЙЧАТАЯ ДИАГРАММА из ИССЛЕДОВАНИЯ

ФОМ " ИнТЕРНЕТ в России"

КЕйс N!! З. Л инЕйн ы й ГРАФИК из ВЕДомостЕй

КЕйС N!! 4. ДИАГРАММА ПРИРОСТА НАСЕЛЕНИЯ РОССТАТА

КЕйС N!! S. ДИАГРАММА из ОПРОСА Ф О М

О ПРОСМОТРЕ ТВ

КЕйС N!!6. ГРАФИК ПО РЕЗУЛЬТАТАМ ОПРОСА Л ЕВАДА-

ЦЕНТРА

КЕйС N!!7. ПРЕЗЕНТАЦИЯ ERNST & YOUNG

КЕйС N!!8. ГРАФИК из ИССЛЕДОВАНИЯ АКАР

КЕйс N!!9. КРУГОВАЯ диАГРАММА Nп МАRКЕТ SнARE

КЕйС N!! 1 0. ГИСТОГРАММА НА ОФИЦИАЛЬНОМ ПОРТАЛЕ

ГОРОДА ЕКАТЕРИНБУРГ

КЕйС N!! 1 1 . КРУГОВАЯ ДИАГРАММА НА ОФИЦИАЛЬНОМ

ПОРТАЛЕ ГОРОДА ЕКАТЕРИНБУРГ
 • Гл ава 3 . Ан ал и з о ш и бок н а п р и мер е реал ьн ых к ей со в
___...

Теперь, когд а мы с вами поним а ем основные пр а вила виз уализации,

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

емь rпа в н ых ош ибок

П р ежде чем перейти к анализу кейсов, об ратим внимание н а самые
?аспр остр аненные ошибки, которые совершают при построении графи­
:-:ов и диаграмм.

1. Ошибка 1. Неверно выбран тип графика

2. Ошибка 2. Плохо подоб раны цвета
3. Оши бка 3. Есть лишние элементы
4. Ошибка 4. Не указана единица измерения
5. Ошибка 5. Неудобный формат больших чисел - ненужные знаки
после запятой, нет разделителей разрядов
6. Ошибка 6. В круговой диаграмме много секторов
7. Ош ибка 7. В круговой диаграмме сумма секторов не р авна 1 00%

Собрав все главные ошибки на одной диаграмме, получим примерно

с.1 едующую красоту.

Р ЕЗУЛ ЬТАТЫ О П РОСА

8 Не � То ч но н ет ТОЧНО ДА
1 1 ,ОО То чн о да
22,000 55,000
• С ко рее, н ет • ДА
22
СКОРЕЕ. ДА

• Возможно, ДА
• Воз можно, н ет
33,000 8 Н Е ЗНАЮ
• Да
55
• Возможно. НЕТ

Н е з на СКОРЕЕ, НЕТ
•
ю 8
33,00
8 Н ЕТ
Ско рее, д а
• В о зможно, да
44,0 • То чн о нЕТ
44,000
 Гл а ва 3 . Анал из о ш и б о к н а п р и мере реал ь н ых к ей с ов

В реальности же встречаются даже более " симпатичные" примеры.

Приступаем к анализу кейсов. В них вы встретите все из перечисленных
ошибок. И даже больше.

Анап из реал ьных кейсов

Даже известные крупные компании порой публикуют неудачные ди­
аграммы. Все рассмотренные в этой главе кейсы - реальные примеры
из Интернета, которые находятся в открытом доступе.
Я отношусь с большим уважением к достижениям и профессионализ­
му компаний, которые упоминаю. Все они предоставляют ценную ин­
формацию. Однако визуализацию можно сделать качественнее.
Ну, что же, давайте р азомнемся! Сначала я показываю неудачную ди­
аграмму. После описываю имеющиеся в ней ошибки и объясняю, как их
можно исправить. В конце обсуждения я представляю свой переделан­
ный вариант диаграммы.
Не начинайте изучение примера непосредственно с прочтения описа­
ния ошибок и тем более не смотрите тут же на исправленную диаграм­
му. Прежде всего, внимательно изучите исходный вариант и подумайте,
что бы вы в нем изменили. Обязательно проанализируйте, какие пра­
вила визуализации (см. главу 2) были здесь нарушены. Возможно, вы
заметите то, что не заметила я, и ваш вариант окажется даже лучше!
Итак, поехали!
 Анал из реал ь н ых ке й с ов

йс N!!1 . Круговая диаграмма из п резентаци и

ери канекого Института контент-маркети н га

о П роцент от м а ркети н гового бюджета,

потрач е н н ы й на В2С-контент-м а р кети нг

lOo/o-24%

Затрудняюсь
ответить

О%

Источник: Content Marketing Institute, «В2С Content Marketing: 2016

Benchmarks, Budgets and Trends - North America",
-_ -:: tp : 1 1 contentma r k e t i n g i n s t i tute . com/ 2 0 1 5 / 1 0 /b 2 c - content -ma r ke t ing­
: e s e arch/

Начну с диаграммы зарубежных коллег. Как вы считаете, что с этой

.шаграммой не так?
Я вижу четыре проблемы.
 Гл а ва З . Анал из о ш и бо к н а п р имере реал ь н ых к е йсов

Проблема 1. Сложно понять, что показано на диаграмме.

В секторах диаграммы - проценты и в подписях вокруг диаграм­
мы - про центы. Я смогла разобраться, что к чему, только после того,
как прочитала описание исследования. Рассказываю: на диаграмме по­
казано, какой процент респондентов ответил, что они потратили на
В2С-контент-маркетинг 1 00% от всего бюджета, 75-99%, SQ-74% от бюд­
жета и т.д.
Решен ие: сделать все значения и подписи на диаграмме максимально
понятными. Помните, что ваша задача при создании графиков и диа­
грам м - упростить восприятие данных, а не вызвать лишние вопросы.

Проблема 2. Выб ран неверный тип диаграммы.

Если значений много (больше трех-пяти) , то не стоит использовать
круговую диаграмму. Она становится сложной для восприятия.
Решение: выбрать линейчатую диаграмму. Так проще сравнить долю
разных вариантов ответа.

Проблема 3. Большое разнообразие ярких цветов.

В данном случае цвет не несет никакой смысловой на грузки, а толь­
ко путает. На диаграмме иллюстрируется один и тот же показатель ­
сколько процентов от бюджета было потрачено на В2С-контент-марке­
тинг. Такая разная палитра может быть оправдана, только если речь идет
о разных категориях, например, когда круговая диаграмма показывает,
что в стране 48% мужчин и 52% женщин. Или на диаграмме представ­
лены разные источники трафика на ваш сайт. Тогда рекламный трафик,
поисковый и прямой, уместно показать разными яркими цветами.
Решение: убрать лишние цвета. Оставляю один цвет для всех вари­
а нтов ответа, кроме варианта "затрудняюсь ответить". Его делаю серым.
 Анал из реал ь н ых к е йсо в

Проблема 4. Варианты ответа (0% бюджета, 1-9%, 1 0-24% и т.д.) вы­

.:троены в направлении против часовой стрелки и почему-то начинают­
.:я снизу диаграммы.

Такой порядок непривычен, его сложно воспринять. Пользователи

=ривыкли читать круговую диаграмму сверху и направо, по часовой
.:трелке.
Решение: варианты ответа ставим логически от большего к мень­
-...J ему. Вверху - вариант ответа " 1 00% бюджета" было потрачено на
:rужды В2С-контент-маркетинга, ниже - "75-99% бюджета", в самом
:шзу - "0% бюджета" . Тех, кто не смог дать ответ, показываем в самом
�онце.

П роцент от маркети н го вого бюджета, о

потрач е н н ы й на В2С-контент-маркетинг

1 00% Б ЮДЖЕТА

75-99% БЮДЖЕТА

50-74% БЮДЖЕТА

25·49% БЮДЖЕТА

1 0·24% БЮДЖЕТА

1 ·9% БЮДЖЕТА

0% БЮДЖЕТА ��
--------�
ЗАТРУДНЯЮСЬ ОТВЕТИТЬ
62 : Гл ава 3 . Ан ал из о ш и бок н а п р и мер е ре ал ь н ых к е й с о в

Кейс N!!2. Л и нейчатая диаграмма

из исследован ия ФОМ "И нтернет в России"

О динаю1ка nроникновения и н т е р н ета в ФО и населенных nунктах

Or!" , .. ttt

... .. ...

- �.. .. .... t - � .. .. - .. .
- .._ .. _ 4 - .. - ·-

Источник: Ф ОМ, "Интернет в России : динамика проникновения. Осен ь

2015", http : 1 / fom . ru / SMI i i n t e r n e t / 1 2 4 9 7
- -

Как в ы счи таете, что с этой диаграммой н е т ак? Как бы в ы е е измени­

ли, чтобы данные легче считывались?
 А н ал из реал ь н ых ке й с о в

Главная проблема - выбран неправильный тип визуализации.

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

При этом обратите внимание на временную ось. Она идет по вертика­

.1и . Столбики на диаграмме - это разные месяцы. Такое расположение

�шогих введет в ступор при попытке усвоить представленную информа­

п и ю . Временная ось должна располагаться по горизонтали, а значения

на ней возрастать слева направо. Тогда данные считывать легко.

Мо й Вар иант:
.... тип визуализации - линейный график,
.... временная ось ориентирована слева направо.

Исправленный график позволяет увидеть соотношение данных: мож­

но быстро сделать вывод, в каких населенных пунктах проникновение

Интернета выше, в каких ниже. Также стало понятно, как показатель

р азвивалея с годами.

ДИНАМИКА ПРОНИКНОВЕНИЯ И НТЕРНЕТА

ДАНН Ы Е В % ОТ ГРУП П
В НАСЕЛЕННЫХ ПУНКТАХ
о

-·- н< 1

-•-МОСКВА

-•-ГОГ'ОДД 1 MЛII t

ь о ь 1 � нь ос ь ь 3 Н 4 .'И ,!д 4 6t'C1-A 1 о 1 fH S

 • Гл а ва З . Анал из ош и бо к н а п р и мере реал ьн ых к ейсов
_....llllilllll"

Кейс N!!3. Л и не й н ы й график из Ведомостей

оДuнанuка cgenoк

ИСТОЧНit< РОСРЕЕСТР ПО IIOCI<!I!:

Источник: га з ета "Ведомости ",

https : / / www . vedomo s t i . ru / re a l t y / a r t i c l e s / 2 0 1 5 / 0 5 / 0 8 / v t o r i ch­
noe - z h i l e - v-mo s kve-proda e t s ya-vdvo e - hu z h e - chem- god-na z ad# / ga l l e r ­
i e s / 1 4 0 7 3 7 4 9 2 2 5 0 0 3 3 / norma l / 1

Ка к, п о вашему мнению, можно улучшить этот график? Стоит ли что­

то в нем менять?
 Анал из реал ь н ых кей со в

Проблема. Второстепенные элементы сильно выделяются и создают

гр афический " мусор ". Это затрудняет восприятие основной идеи сооб­
щ ения.
Решение: вы светлить все вспомогательные линии. Нужная информа­
а ия сразу вышла на первый план. Акцент всегда должен быть на основ­
ной идее, а не на вспомогательных элементах.

Динамика Сделок
-- КОЛИЧЕСТВО ПЕРЕХОДОВ ПРАВ СОЕСIВЕННОСТИ, ШТ. ИПОТЕКА - ДоrОВОРЫ ДОЛЕвоrо УЧАСТИЯ

20 000

1 5 000

1 0 000

5 000

о
no-�-----�--�--o
янв. фев. мар. а пр. май июн. и юл. авr. сен. окт. ноя. дек. янв. фее. мар. а пр.

ИСТОЧНИК. РОСРЕЕСТР ПО МОСКВЕ

 Гл ава З . Ан ал из о ш и бо к н а п р и мере реал ь н ы х к ей со в

Кейс N!!lt. Диаrрамма п рироста

населения Росстата

Ч 11 сло poдttBШ Jtxcя 11 умерш 11х

т ы с . ч ел о ве к
200

1 50

1 00

50

-5 0

�
- 1 00

- 1 50

-200
яtоварь феврал ь март аn рел ь мaii tоюtоь II Ю.1 b август сентябрь о кrяС1рь tооябрь

Роди вш1tеся Уме р ш 1tе

о 20 1 4r. а 20 1 5 r • 20 1 4г. о 20 1 5 r

Источни к:Федеральная служ ба государстВенной статистики . Публи­

кация: "Информация о социально- э кономическом положении России ".
h t tp : / / www . gks . ru / f ree_do c / do c_2 0 1 5 / i n fo / op e r - 1 2 - 2 0 1 5 . pdf

Удачен ли этот график) на ваш взгляд? Возможно ) есть способы лучше

визуализировать данную информацию?
Давайте разберемся) как можно представить данные более наглядно.
П режде всего стоит понять ) какова цель данного графика - показать
соотношение между родившимися и умершими или показать количес­
тво родившихся и умерших в 20 1 5 году в сравнении с прошлым годом?
Я п редположила) что автор хотел показать соотношение между ро­
дившимися и умершими (судя по названию графика) и перерисовала
его исходя из этой цели.
Какие я увидела проблемы? Вот они.
 А н ал из реал ь н ых ке й с о в

Проблема 1. Как уже я упомянула, непонятна цель графика.

Всегда нужно помнить, какое послание вы хотите донести до читателей.

Проблема 2. Невозможно сравнить количество "родившихся" и "умер­

ших" между собой.
Если стоит задача показать соотношение между данными, необходи­
�о располагать их рядом, в одном направлении по оси. В текущем при­
�ере " родившиеся" расположены вверх по оси, " умершие" - вниз. Ви­
з уальное сравнение в таком случае, мягко скажем, затруднено.

Проблема 3. Неудачно подобраны цвета.

Цвета в этом примере не помогают воспринимать данные, а скорее,
затрудняют. Когда я смотрю на эту диаграмму и вижу два таких разных
цвета (зеленый и оранжевый) , я интуитивно предполагаю, что они долж­
ны показывать что-то принципиально разное. Иначе говоря, каким-то из
э тих цветов должно быть показано число родившихся, а другим - чис­
;ю умерших. С этими мыслями я начинаю изучать легенду и понимаю,

что я ошиблась. Оранжевый цвет - это 20 1 5 год, а зеленый - 20 14 год.

Причем в " умерших" 20 1 5 год показан более бледным оттенком, не­
жели предыдущий 20 14 год. Это тоже путает. Чем дальше в прошлое,
тем светлее нужно выбирать цвет, чем ближе к настоящему - тем на­
сыщеннее.

Решения
1. Меняю тип графика .
2. "Родившихся " и "умерших" располагаю рядом.
3. цвета выбираю исходя из эмоциональной окраски категорий: родив­
шихся показываю позитивным желтым, умерших - темным цве­
том.
4. Пл юс добавляю второй вспомогательный график, который пока­
зывает соотношение меж ду э тими величинами, т. е. прирост на­
селения.
 Гл а ва 3 . Ан ал из о ш и бо к н а п р имере реал ьн ых ке й сов

В итоге график становится наглядным, по нему можно делать инте­

ресные выводы, например в какие месяцы смертность выше, а в какие
выше рождаемость. График перестал быть сухим набором непонятных
данных.

Ч И СЛО РОД И ВШИХСЯ И У М Е Р Ш И Х (ТЫ С . Ч ЕЛ . )

о
-YMI I'lШII
220
200
1 80
1 60
1 40
1 20
1 00
80
60
40
20
о

П Р И РОСТ НАСЕЛ Е Н И Я (ТЫ С . Ч ЕЛ . )

35

_.1111
25

15

�···-
5

-1 5

·? 5

·35
 Анал из реал ь н ых ке йсо в

Кейс N!!S. Диаrрамма из о п р о са ФО

о nросмотре ТВ

о Вы доnускаете или искл ючаете для себя возможность отказаться

от телевидения в nользу других и сточ н и ко в и нформации и развлечений?

Параметры опроса дАННЫЕ В % ОТ ГРУПП

Население в целом. Динам�ка ОбраэоВднис

- Доnуо.:аю - И<хnюча10 - Затрудняюсь оtветюь

25 100

Ист очник: Фонд "Общественное Мнение",

��tp : / / fom . r u / SMI - i - i n t e rne t / 1 3 2 1 6

Что эдесь можно улуч ш ить?

1. Вариант ответа "Допускаю" логичнее окрасить 8 зеленый ц8ет, а

"Исключаю" - 8 красный. На диаграмме все наоборот. В итоге эф­
фект примерно такой, как если бы ваш собеседник кивал, говоря
"Нет" , и вертел головой из стороны в сторону, произнося "Да" .
2. Сумма долей от8ето8 на Вопро с состаВляет 100% (Включая тех,
кто не смотрит ТВ). Поэтому круговая диаграмма подойдет луч­
ше, чем линейчатая. Круговая диаграмма позволяет увидеть, что
все части целого взаимосвязаны. Посмотрите на перерисованный
вариант. Сразу видно, что доля не готовых отказаться от просмотра
 t Гл а в а З . А н ал и з о ш и бок н а п р и мере ре ал ь н ых кей со в

ТВ выросла за счет тех, кто затруднялея ответить, а не за счет тех,

кто готов отказаться от ТВ.
3. На диаграмме указана точная дата проВедения опроса. Так ли это
важно читателям? Достаточно указать месяц и год. Помним одно
из основных правил - только необходимые детали отображать на
диаграмме.
4. Подписи по оси Х и линии сетки не нужны. Они лишь дублируют
информацию.

В ы допускаете или исключаете дл я себя возможность ..

отказаться от телевидения в пользу других источников V
информации и развлечений?

МАЙ 201 5 ФЕВРАЛЬ 201 7

8 ДОПУСКАЮ

8 ИСКЛ ЮЧАЮ

8 НЕ СМОТРЮ ТВ

Пр имечание автор а. Я смею предположить, что р азличие в распреде­

лении ответов между 2 0 1 5 и 20 1 7 годами вызвано сезонностью прове­
дения опроса. В ф еврале сложно представить, чем заменить просмотр
ТВ холодными зимними вечерами. Тогда как в мае, когда уже есть
дача, шашлыки и просто хорошая погода, это сделать проще. Вывод:
такие опросы лучше проводить в одно и то же время года.
 Анал из реал ь н ых к е й с ов

Кейс N!!6. fрафи к по резул ьтатам

опроса Левада-Центра

о ОДО Б Р Е Н И Е ДЕЯТЕЛ ЬНОСТИ В . ПУТИ НА

8 Одобряю 8 Не одобряю

1 00

80

60

40

20

о
02.20 1 0 1 1 . 20 1 1 08.20 1 3 05.20 1 5

Источник: ЛеВада-Центр (Аналитический центр Юрия ЛеВады),

�ttps : / / www . l evada . ru /

Данный график вполне наглядно доносит информацию. Однако я бы

кое-что изменила. Угадаете, что?

Во-первых, на графике не очевидно, в чем произведены измерения.

Не понятно, какой показатель мы наблюдаем. Это динамика в тыся­
чах людей, в процентах ответивших или что-то другое?
Ось У заканчивается на 1 00, что позволяет предположить, что данные
пр едставлены в процентах. Но лучше, когда гадать не надо и все сразу
п р едельно понятно. Не надейтесь, что читатель догадается сам. Он вне
контекста и первый раз видит ваш график.
Решение: я добаВила подписи на шкале - прописала не 40, 60, 80, а
40%, 60%, 80%. Плюс дополнила название диаграммы словами "% от
опрошенных ".
 Гл а в а З . Ан ал из о ш и бо к н а п р и мере реал ь н ы х ке йсов

Во-вторых, сложно читается временная ось Х.

Решение: соВетую использовать формат "фев.17" Вме сто "01. 02.2017"
или "02.2017". Месяц будет считываться быстрее, и вы избежите разно­
чтений. В Америке, например, принято сначала указывать месяц, потом
день. Так, у американцев 02.0 1 .20 1 7 - это первое февраля.

В-третьих, нет линий сетки по оси Х.

Решение: обычно мой совет - убирайте Все лишнее, но в данном слу­
чае я, наоборот, советую добавить сетку. На этом графике сетка будет
весьма функциональна, она позволит легко отследить, какая точка на
графике относится к "фев. 1 7", а какая к "фев. 1 6", и сравнить их.

В-четвертых, цвет линий подобран неудачно: позитивное отношение

представлено черной линией, негативное - голубой.
Решение: позитив - 8 зеленых оттенках, негатив - 8 красных. Это
позволяет не запоминать легенду, что каким цветом обозначено, сразу
все ясно.

В-пятых, не представлен процент не ответивших.

Решение: лучше показать все три варианта отВета (одобряю, не одоб­
ряю, нет ответа). Только такой подход даст полную картину.

И в-шестых, я все же поменяла бы тип графика.

Решение: линейный график здесь Вполне допустим, однако мой вы­
бор - гистограмма с накоплением, так как показатели взаимосВязаны .
Всех опрошенных всегда 1 00%, поэтому при уменьшении доли негатив­
но настроенных растет доля позитивно настроенных, и наоборот.
 Ан ал из реал ь н ых к е й со в

ОДОБРЕНИЕ ДЕЯТЕЛЬНОСТИ В.ПУТИН

% ОТ О П РОШЕННЫХ
..о
-Одобряю -не одобряю
1 00%

80%

60%

40%

20%

0%

ОДОБРЕНИЕ ДЕЯТЕЛЬНОСТИ В .ПУТИНА

% ОТ ОПРОШЕНН ЫХ

• О добряю • Н е одо бряю

 Гл ава 3 . Анал из о ш и бок н а п р имере реал ьн ых кейсов

Кейс 27. Преэентация Ernst & Young

".,. ,о, .._,., __ ,""___ _ ..,. _,. ..,.... _ . . _

-- ""* -- -· ......

,..... . .. �..м ...,. .. f"'<......., _ ....,., � ... ..... -... ..

.... ....� ..... ,

""" " - - �- ..
"" '"" _ .... ...� ....... - .. ...... - - ·-·" ' .... ...-. ,

-. .
><:� •tll' .....cU .,.. ...,._.. jw.&!) .......,.,
ll •,ч18Ctltdto_pWfonrl __ ......., t_
-.. rr ,tк• _,.... -.... ... � .,
......., flw 'l � � --- tw E Y -
.. � 10 -- -.o)o:' � lllllot e -.1
"''-s. � ano ....-Atoon !E61JON � cl
l '"- INP8!� � 0f! "-'' mif1'�
......, wtt> ." tnt f T 1110 - �P. !IOQ - s.r-o
- CA(. 4(1 � 0AJI :!IO W>C� !t>or '<.мi: - �­
..". a .... '"q ....... -·

• f.. UA"' �•fВIТC\Io � - ·�1(1

,.._ ,., 1Q1 !t h--- � - ....�
,....,_""е �' ...... �- """"..
" ......._
(-- · oaм- • IМI � - .. paNI ­
__, __
Wt"t ZQII � I ... floOМ .. SВIYOofo "..,., �
_и... --. . пwt•_ "_.... мu маоr
� , ,... .,....,. оу _ ___ .." ._
lnllll � - "-' .�"_ .., ..., _ N
........,.. tкfoo ..... � fii.,..,... МdOr
M tu � ".->111 ..-.d ... � '-

Источник: презентация Ernst & Уоипg, h t tp : 1 /www . е у . сот/

В одном из отчетов всемирно известной комп ании Ernst & Young

встреч ается график, выбивающийся �з их цветовой п алитры и стиля.
От этого об щ ее впечатление от презентации, честно говоря, ухудшается.
Решение: я потратила 1 О минут на то, чтобы перерисовать график в
стиле Е&У. Результат - отчет выглядит более цельным и качественным
продуктом .
 Анал из реал ь н ых ке й со в

_ .. _
...... ... .. _.-.... ----· loo " _ .....
...- �.. '-- ...... -

49%
о
.,.. _ ...... _ ..._ _
--

• W. _ _ _ .... � .... - · - ----- .... --

::-...==.-=.=---- -------""" -- ----·-..
- �---- - - - - - - ..... ---· ---- ..-
.____.J ._ .. _. ____ .... _ .. __ ..,..,. _ . , ____�,.....

� XJ·� ... ....... ...., � ,.".E) �

• "•P«_,,._....ooмo ., _ • �. U9М­
-.ou.-,._ .soc.�o � "... tn ..,.,.. OI
...91\UЬollly ll'tf 11 J.!A[ мc:'(II'II J**"<'Iitrtt.Y ..
�o� IO .no.. -*..": ...... �. �
�·•- o:iot'-·� .... ""."..,- .. ,/)&.�ll>tfOn(l(
�•"-- WPI"��..... ... """""'
,..... _,. .. """ f'Sf ·IJO- l> 'IOQ _ ,.,.- .....,_
� CAC •o .. t"'-• JIIil'_ _ .._ ,......, .,.. _
....,. _ _ ......., ........, ....
n.. шrlf'"4.,1J)'t.f.l!.ltt». � - ·- •
qoOWI' .. lO'I � -- � ,..,..,.. fO .... .
.._..,...,rw ..."_. � ......., .....
...
�-- •......- •"'f�-IO III� pot..., _,..
-..... -

ь,..... 2011-rо� .. ......, 811 fG>ТOA. oca... �

lnt...c.... --. -. ,.,. ,._. � мc.l: ..rteo
_ ,,... *"-' lly - �·- ltr'd � ­
- -.,.,... �· "' ' •'II. """ .... _ Т\1
-'!I NII;foo
� - "' � _..,._ INifii ..
- lo � _..._.. - � � "-·
 • Гл а в а З . Анал из о ш и бо к н а п р и мере реал ьн ых ке й со в
_.......

Кейс N28. График из исследования АКАР

ОДинами.а сетевых
аrентств 201 5 - 201 7 rодов
рекламных
4 500 ООО Р -201 5 -2017
3 992 778
4 000000 р

3 500 000 Р

3 000 000 ,

2 500 000 ,

2 000 000 ,

1 500 000 р

1 000 000 ,
9 1 2 500
500 ООО Р

or
All in All in + ТV ТV + Radfo Radfo + Media Media + lnternet
production production production production

- -

Источник: Ассоциация коммуникационных агентств России, исследо ­

вание "Стоимость креативных услуг в рекламных аге н тствах 2017",
http : / / www . a karu s s i a . r u /

А КАР - известная в медиаиндустрии организация. Н а графике пред­

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

Какие недочеты вы видите?

Я внесла в этот график 6 изменений) чтобы сделать его попятнее и
нагляднее!
Разбираю пошагово.

Проблема 1. Главная: тип графика выбран совсем неподходящий.

Если посмотреть бегло) то кажется) что это динамика каких-то двух
показателей) один из которых - красная линия) а второй - синяя.
Но нет. По оси Х проложено совсем не время) а разные категории медиа:
ТВ ) радио) Интернет и т.д.
Этап 1. Меняем тип графика на гистограмму.

Д И Н АМ И КА СТО И М ОСТИ
С ЕТЕ В Ы Х РЕКЛАМ Н Ы Х АГЕНТСТВАХ
КРЕАТ И В Н Ы Х УСЛУГ В
(201 5-20 1 7ГГ) •
3 992 778
• 201 5
• 201 7
2 950 000

1 71 429 1 250 000

708 33%91
1
912
283 333 350 833 650 000
278 750 341 2 50

дlL IN Лll iN • TV JV t RA010 RдОЮ t OUI I>OOН ОUТ[)()()А • lt.ffEНI.f:_ r

PROOUC I ION PR()[)U(;TION PR(IOIJCTION PROOUCTION
 Гл а ва З . Анал из ош и бок н а п р и м е ре реал ьн ых ке й со в

Проблема 2. Названия медиа по оси Х сложно читаются.

Этап 2. Меняем гистограмму на линейчатую диаграмму.

ДИНАМИКА СТОИМОСТИ КРЕАТИВНЫХ УСЛУГ В

СЕТЕВЫХ РЕКЛАМНЫХ АГЕНТСТВАХ (20 1 5-20 1 7ГГ)

дi_L I N

дll I N + PRODUCTION

ТУ

ТУ + PRODUCTION • 201 5

RADIO 1 7 78 750
283 333
8 201 7
RADIO + PRODUCT ION 1 И 1 ? iO
350 833

OUТDOOR • 650 000

708333

OUTDOOR + PRODUCTION -_R911 6bl

- 1 71 429

- Q I 2 ЬOO
I NTERNП
- 1 250 000

Проблема 3. Выбор цвета для обозначения 20 1 5 и 20 1 7 годов не про­

думан.
Нет смысла использовать такую разную цветовую гамму (синий и
красный) , это только отвлекает от сути.
 Анал из реал ь н ых кей со в

Этап 3. Показы8аем оба года в оттенках одного цвета. При этом ( обяза­
тельно!) делаем прошедший год более бледным, а текущий - более ярким.

Д ИНАМ И КА СТО И М ОСТИ КРЕАТ И В Н Ы Х УСЛУГ В

СЕТЕ В Ы Х РЕКЛАМ Н Ы Х АГЕНТСТВАХ (201 5-20 1 7ГГ)

All I N
-----· 2 966 667

ALL IN + PRODUCT I O N

RADIO 8 201 7
283 333

RA DI O + PRODUCTION
350 833

OU TDOOR

OUTDOOR + PRODUCTION

I NTERNEТ

Проблема 4. Категории показаны в произвольном порядке, не поня­

тен порядок медиа по стоимости услуг.
Этап 4. Делаем сортироВку от большей стоимости к меньшей.

Д И Н А М И КА СТО И М ОСТИ КРЕАТИ В Н Ы Х УСЛУГ В

С ЕТЕ В Ы Х Р Е КЛАМ Н Ы Х А Г ЕНТСТВАХ (201 5-201 7ГГ) •
ALL IN + PRODUCTION
------ 3 992 178

------ / 966 667

ALL I N

ТУ + PRODUCTION

I NTERNEТ 8 2 01 7

OUTOOOR + PROOUCTION

OUTDOOR

RADIO f PRODUCTION
350 833

RADIO 8 283 333

 • 1 Гл а ва 3 . Ан ал и з ош и бок н а п р и мере реал ьн ых ке й со в
__....,.

Пробл ема 5. Числа слишком большие - миллионы и тысячи, это не­

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

Д И НАМ И КА СТО И М О СТИ КРЕАТИ В Н Ы Х УСЛУГ В СЕТЕВЫХ

Р Е КЛАМ Н Ы Х АГЕНТСТВАХ (2 0 1 5-2 0 1 7 ГГ), МЛН. Р У Б .
•
A L L I N + PRODUCTION
------- 4,0
ALL I N
----- 3.0
----- 3.0
ТV + PRODUCTION

8 20 1 7

OUTDOOR + PRODUCTION

OUTDOOR
0,7
RADIO + PRODUCTION
0,4

RADI O
0,3
 Ан ал из реал ь н ых кей со в

Проблема 6. Название исходной диаграммы - " Динамика стоимос­

ти ... ", но при этом на динамику не сделано никакого акцента.
Этап 6. Последний по счету, но самый важ ный. Вспоминаем о цели диа­
граммы. Цель - показать динамику изменения стоимости с 20 1 5 года по
20 1 7 год (судя из названия) . Поэтому добавляем еще одну диаграмму, на
которой показываем это самое изменение, тем самым повышая инфор­
мативность и наглядность.
Новая диаграмма позволяет легко делать аналитические выводы.
Ср азу видно, что самая высокая стоимость креативных услуг - ТВ, а
темпы роста стоимости самые высокие у Интернета ( +37% за два года) .

Д И Н АМ И КА СТО И М ОСТИ К Р ЕАТ И В Н Ы Х УСЛУГ В

С ЕТ Е В Ы Х РЕКЛА М Н Ы Х АГЕ НТСТВАХ (201 5-201 7ГГ) о
МЛН. РУБ. ИЗМЕНЕНИЕ, %

1 8"'
---- 4.0
ALL I N + PROOUCTION

ALL I N
---- 3.0 1 11%
ТV + PRODUCTION
• 9%
тv . 23%
I NTERNET - 37%
OUTOOOR + PRODUCTION .. 31%
OUТOOOR
0.7 1 9%
RADIO + PRODUCTI O N
• 0.4 1 3%
RAOIO 8 201 7
1 0,3 1 ?",(,
 Гл а ва 3 . Ан ал из о ш и бо к н а п р имере реал ьн ых ке й сов

Кейс N29. Круговая диаграмма et ar et Share

о Other: 4 .35 %

Мае OS X 1 0 . 1 2: 3 . 2 1 о/о
Windows 8 . 1 : 6.96 % /
Windows ХР: 7 .04 %

-- Windows 7: 48.5 о/о

Wi ndows 1 О: 26.28 %

Источник: Net Market Share - netтarketshare. coт, статья на

https : / /www . corns s . ru/page . php ? i d= 3 9 6 8

Этот пример - интересная статистика о долях операционных систем

компьютеров в мире.
На данный момент Windows безоговорочно остается самой популяр­
ной операционной системой: рыночная доля всех версий Windows до­
стигает 90% ! Доля Мае OS при этом - всего 3% ! Кто бы мог подумать.
А теперь вернемся к диаграмме.

Проблема 1 . Windows никак не выделена визуально.

На диаграмме несколько версий одной и той же операционной систе­
мы показаны разными цветами, поэтому они воспринимаются как раз­
ные категории.

Проблема 2. Нет названия диаграммы.

Проблема 3. Слишком много секторов для круговой диаграммы.

Идеально - три сектора, максимум - пять.
 А н ал из реал ь н ых кейсов

Проблема 4. Доля каждой ОС плохо считывается, так как смешивает­

ся с цифрами в названии версий.

Ну как тут не запутаться: "Мае OS Х 10. 12: 3.2 1 %"?

Проблема 5 . Два знака после запятой, на мой взгляд, лишние.

Подавляющему большинству это неинтересно.

Решение. Вариант 1.
Если оставляем круговую диаграмму (хотя нежелательно, когда так
�ного элементов) , то делаем следующее.
� Отделяем цветом Всю Windows, чтобы мож но было уВидеть общую

долю всех версий от пирога.

� ДобаВляем название диаграммы.
� Выносим л егенду отдельно, а в подписях секторов оставляем только
проценты.
� Категорию Other делаем серой.
� Убираем знаки после запятой.

РЫНОЧ Н Ы Е ДОЛ И ОП ЕРАЦИ О Н Н ЫХ СИСТЕМ 0

• Windows 7
• Windows 1 0
• Windows XP
• Windows 8.1
• 1

• Мае OS Х 1 0. 1 2
8 l t nUX
•
 Гл а ва 3 . Анал из о ш и бок н а п р имере реал ьн ых кей сов

Решение. Вариант 2.
Этот вариант более предпочтительный. Особенно если задача - срав­
нить доли всех версий между собой. На круговой диаграмме соотносить
между собой размеры секторов менее удобно.

� О тделяем цветом всю Windows.

� Добавляем название диаграммы.
� Делаем сортировку не просто от большего к меньшему, а в соответ­
ствии с логикой: сначала - все версии Windows, категория - Other
в конце.
� Категорию Other делаем серой.
� Убираем знаки после запятой.

РЫНОЧ Н Ы Е ДОЛ И ОП ЕРАЦИОН Н ЫХ СИСТ Е М

Windows 7 49%
Wi ndows 10

Windows ХР

W i ndows 8.1

Windows 8

Мае OS Х 1 0. 1 2

Li nux
Other
 Анал из реал ь н ых ке йсо в

Кейс N!!1 0. Гистоrрамма на офи циальном

портапе rорода Екатери нбурr

Источник: официальный портал города Екатеринбург,

h ttp : / / финaнcы . eкaт epинбyp г . p ф / p r o e kt -byudj e t a - go ro da - e k a t e r i nb ur­
ga-v-do s tupnoy-dl ya -graj dan - fo rme /

Грустно, что в Интернете до сих пор встречаются такие графики. Ка­

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

Проблема 1 . Дизайн!
Такой дизайн был популярен, не побоюсь этого слова, в прошлом
веке, когда все считали, что 3D-эффекты - это круто и солидно. Сейчас
же такой "богатый" дизайн создает впечатление школьного реферата.

Проблема 2. Расходы совсем нелогично показаны зеленым цветом.

Это только запутывает.

Проблема 3. Таблица с данными - лишний элемент.

Данных совсем немного.
 Гл ава З . Анал из о ш и бо к н а п р и мере реал ьн ых кей сов

Проблема 4. Формат чисел.

Знак после запятой точно не нужен ) когда везде нули.

Проблема 5. Ненужны е подробности.

Раздел на сайте ) на котором представлена данная информация) назы­
вается "Проект бюджета города Екатеринбурга в доступной для граждан
))
форме . Поэтому:

..,. во-первых ) можно показать данные в миллиардах. Гражданам вряд

ли нужны точные цифры в миллионах;
..,. во-вторых ) н азвание диаграммы не стоит загромождать и делать
столь официальным; я имею в виду формулировку " му ниципаль­
ного о б разования «город Екатеринбург » )) . Лучше просто написать
"город Екатеринбург )) .

Решение.
Б ез лишних слов просто покажу новую диаграмму.

ОСНОВН Ы Е ПАРАМ ЕТРЫ БЮДЖЕТА 0

г. ЕКАТЕРИ Н БУРГ (МЛ РД. РУБ.)

• доходы
• Расход ы

201 6 201 7 201 8 201 9

 Анал из реал ь н ых кей сов

Кейс N21 1 . Круrовая диаrрамма на

официальном nортале rорода Екатеринбурr

� СТРУ ТУРА ДОХОДОВ БЮД

� МУН ИЦИПАЛЬНОГО А ГОД«ГОРОД ЕКАТЕР
ОБРАЗОВАНИЯ
Н 2017

На. 101 на .:�охо. tы

фювчесюtх JJJI I L

''"\
BI I,10B
;.tCЯ I CJJbi iOC l lt
0.3°·о

�::::=а-.:.
{ .. / Зсме

1
t1.t за
ill: f.КH

Мсжбю;tжсt выс/ ......

.. ......
1 р�нсферrы ю O,JЬI O L
BJ.J J I ! e CTOЯ I I LJI X L!C О 11•1tЩ:НШЯ
бю,;жс 1 о в 11M�'I!t�C1Bi!
5 . l "·n Дохо.1"1 о 1 н рода· 11 о.2• 0
м а t сриаJt ЫIЫ 1 1
Дpy ! II C ДОХО,'!Ы I ICM<I 1 Cp11UJJ 11 IX
O.Ro ,J nю 1 1 В в
0.4 "

Ист о чник: официальный портал города Екатеринбург,

� t tp : / / финaнcы . eкaтepинбyp г . pф/proe kt-byudj e ta- go r o da - e ka t e r i nbur­
�a-v-do s tupnoy-dl ya-graj dan - f o rme /

Напоследок покажу еще одну диаграмму из презентации "Проект

бюджета города Екатеринбурга". Это яркий пример того, как ни в коем
случае не надо делать. Никогда. Пожалуйста.
Анализа не будет. Уверена, вы сами сможете ответить, что не так с
;з;анной диаграммой.

Примечание автор а. Правильный ответ - ВСЕ.

Перерисовывать тоже не буду. Как минимум потому, что сумма эле­

�ентов в этой круговой диаграмме равна . . . 1 0% ( ! ) .
П Р И Е М Ы В ИЗУАЛ ИЗАЦИ И

П РИЕМЫ ИСПОЛ ЬЗОВАНИЯ ЦВЕТА

П РИ ЕМ 1 . Кдк ПОКАЗАТЬ ПОЛОЖИТЕЛ ЬНЫЕ

И ОТРИЦАТЕЛ ЬНЫЕ ЗНАЧЕНИЯ

П РИ ЕМ 2. Кдк ПОКАЗАТЬ ОТВЕТЫ ДА·НЕТ·НЕ ЗНАЮ

П РИ ЕМ 3. Кдк ВЫДЕЛ ИТЬ ЗНАЧЕНИЯ МАКСИМУМА

И МИНИМУМА

П РИ ЕМ 4. Кдк ОТОБРАЗИТЬ ДАН Н Ы Е О МУЖЧИ НАХ

И ЖЕНЩИ НАХ

П РИ ЕМ 5. Кдк РАССТАВИТЬ АКЦЕНТЫ

П РИ ЕМ 6. Кдк ПРЕДСТАВИТЬ Н ЕЗНАЧИМУЮ

И НФОРМАЦИ Ю

П РИ ЕМ 7. Кдк ПОКАЗАТЬ П РОГНОЗ Н Ы Е ЗНАЧЕНИЯ

П РИ ЕМ 8. Кдк ПРЕДСТАВИТЬ ТЕКУЩИ Й

И П РОШЛ Ы Й ГОД

П РИ ЕМ 9. Кдк УПРОСТИТЬ ЧТЕНИ Е ГРАФИ КА

С НЕСКОЛ ЬКИМИ ЛИНИЯМИ

П РИ ЕМ 1 0. Кдк ЗАКРЕПИТЬ ФИРМЕН Н Ы Й СТИЛЬ

П РИ ЕМ 1 1 . Кдк ПОНЯТНО ПРЕДСТАВИТЬ НА ДИАГРАММЕ

ИЗВЕСТН Ы Е БРЕНДЫ

Д РУГИЕ ПРИЕМЫ
П РИ ЕМ 1. П ЕРЕКРЫТИ Е СТОЛБЦОВ НА ДИАГРАММЕ

П РИ ЕМ 2. П РОСТРАНСТВО МЕЖДУ СТОЛ БЦАМИ

ДИАГРАММЫ

П Ри Ем 3. СкользящЕЕ СРЕДНЕЕ

П РИ ЕМ 4. ОдНА ПОДП ИСЬ ДЛЯ НЕСКОЛ ЬКИХ ДИАГРАММ

П Ри Ем 5. ВспомогАТЕл ьнАЯ ось

 Гл а ва 4 . П р и емы в изу ал иза ц и и

В ошибках мы уже разобрались. Перейдем к тому, как надо делать.

Как можно создавать более понятные и наглядные диаграммы? В этой
главе я расскажу о простых и эффективных приемах визуализации.
Условно я разделила их на две части. Сначала мы остановимся на при­
емах использования цвета, а затем рассмотрим все остальные приемы.
 П риемы и с пол ь зован и я цвета

Цвет - отличный помощник. Есть несколько приемов, которые по­

могут читателю быстрее считывать идею ваших графиков и диаграмм.
С помощью цвета можно сделать очень многое.

1. Показать положительные и отрицательные значения.

2. Показать ответы Да- Нет-Не знаю.
3. Показать максимум и минимум.
4. Выделить данные о мужчинах и женщинах.
5. Расставить акценты.
6. Отделить незначимую информацию.
7. По казать прогнозные значения.
8. Показать текущий и прошлый год.
9. Упростить восприятие графика с несколькими линиями.
1О. Подчеркнуть фирменный стиль.
1 1. Обозначить бренды.

Остановимся последовательно на каждом цветовом приеме.

 Гл ава 4 . П риемы визуал изаци и

Уважайте время пользователей ваших отчетов и презентаций. Если

отрицательные значения выделять красным цветом, а положитель­
ные - зеленым, это всегда ускоряет восприятие и интерпретацию ин­
формации (рис. 4. 1 ) .

ИЗМЕНЕНИЕ ВЫРУЧКИ ЗА Г О Д %

1 оо, 11% 1 2%
'О
8% 8%
5%
- - - - - -
- - -
3%

-
-3 % - 5%
-�
-1 2%
-3 %

ЯНВ. 1 7 ФЕВ. 1 7 МАР. 1 7 АПР. 1 7 МАЙ. 1 7 ИЮН . 1 7 ИЮЛ. 1 7 АВГ. 1 7 СЕН. 1 7 ОКТ. 1 7 НОЯ . 1 7 ДЕК. 1 7

Рис. 4. 1 . Пример диаграмм ы с вы делением отрицательн ых значений цветом

В Excel есть замечательная опция - на диаграмме можно автомати­

чески выделять отрицательные значения цветом, отличным от положи­
тельных. Называется эта опция И н версия для ч исел <0.
Вот как это можно сделать.

1. Щелкаем правой кнопкой мыши на нужном ряду данных диаграм­

мы.
2. В открывшемся контекстном меню выбираем команду Формат ряда
дан н ых. .. (рис. 4.2) . Открывается область задач Формат ряда дан н ых.
3. В этой области щелкаем на кнопке Заливка ( �) , чтобы получить
доступ к соответствующим параметрам.
4. Раскрываем группу Зал и в ка и устанавливаем расположенный в ней
переключатель в положение Спло ш ная зал ивка.
 П риемы и с п ол ьзова н и я цвета

5. Далее в этой же группе устанавливаем флажок опции И н версия для

ч исел <О и выбираем в палитре И н верти рованны й цвет зал ивки (край­
няя справа) желаемый цвет для отрицательных значений, - в на­
шем примере это красный.
6. Закрываем область задач Формат ряда дан н ых и наслаждаемся ре­
зультатом!

с D G н к
Формат ряда дан ных

.• dl
" 38JIM8U

f•1CVI't!Ж 1111i'1 1<t.0:<1'o�

. /
-
Рм -�wp,... l(., • �)O�R1<'11i'Saiol

- · · - � . .. -: 211. !
, - -

-·Q
Граница

Рис. 4.2. Включение опции Инверсия для чисел <О

На диаграмме подписи с отрицательными значениями, как и столб­

цы, можно сделать красными автоматически. Для этого есть еще один

классный инструмент Excel - пользовательские числовые форматы, ко­

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

.J.ЛЯ разных вариантов данных, все они разделены точкой с запятой, как

п оказано на рис. 4.3.

 Гл а ва 4 . П рием ы визуал изаци и

Формат Формат
'lоrожительных отрицательных Формат
текста
� исел чисел

; "текст: "@
Рис. 4.3. Стандартное представление описания формата данн ых

Если применить конкретный формат, который представлен на рис. 4.3,

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

Исходные данные в ячейках

15 l -5 lo При м ер

Применили формат # ##0,0;-# ##О,О;О,ООО;»текст: «@

5 ,0 1 - 5 ,0 1 0,000 1 Текст: прим ер
При этом совершенно необязательно прописывать формат для всех
вариантов данных (положительные, отрицательные, нули и текст). При­
мер полного подробного формата был приведен выше только в целях
создания у вас общего представления о пользовательских числовых
форматах.

Пр имечание автор а. Если вы захотите изучить эту тему подробнее, по­

читайте статью "Коды числовых форматов" на сайте https : 1 / suppo rt .
office . c om. Или просто введите в поисковике запрос "числовые форма­

ты в эксель". В Интернете много информации на эту тему. 1

Итак, как же на диаграмме автоматически сделать подписи отрица­

тельных значений красными?

1
25 книги Джона Уокен-
Также подробнейшее обсуждение этой темы вы найдете в главе
баха"Excel 2016. Библия пользователя", вышедшей в начале 20 1 7 года в издательстве
"Диалектика". - Примеч. ред.
 П р и емы и с п ол ьзо ва н и я цвета

1. Щелкаем правой кнопкой мыши на любой подписи значения в диа­

грамме.
2. В открывшемся контекстном меню выбираем команду Формат под­
п исей данных ... (рис. 4.4) . Открывается одноименная область задач.
3. Раскрываем группу параметров Ч исло и в списке Кате гория выбира­
ем значение (все форматы) или п роцентн ы й .
4. Далее в этой же группе в поле Код формата вводим нужный формат.
В нашем примере, чтобы получить подписи 8 процентах, причем
для отрицательных значений они должны быть красными, следу­
ет ввести формат 0%; [Красны й]-О% и щелкнуть на кнопке Добавить
(справа) .
5. Закрываем область задач Формат подп исей данных и получаем же­
лаемый результат.

D G н к
Формат подп исей данных
с
•

8
9 с ()
о
1'
2
U' 12
з
4
• -•• "':'" �. ...:. .� '" "'РУ"" · ':" Q
L {броl.и•е
s•
·�

'i gt:нott<.�•·�" 8'1)'11J""

• У lepшrttJt>t. Ct<&p'JЖtl
" Чмспо

Рис. 4.4. Выделение цветом подписей отрицательных значений (8 процентах)

Если необходимо получить подписи отрицательных значений в виде

обычных чисел с одним знаком после запятой, следует в поле Код формата
ввести формат # ##О,О; [Красны й]·# ##0,0 (рис. 4.5 ) .
 Гл ава 4 . П рием ы визуал иза ци и

м N о р Q
24 о Формат подписей да нных
25 ФAKT VS ПЛАН +
Парвм•тры nодп�о�� си • Параме1ры 1екста
26
27 ML!ti.J�)I__Б �) ·" '1 s
28
29 1 -о.з . 8 "'
1 т
30
31 • 1 и•.мl катеrоро1и

32 1 1
1 ../ Jначен/4е
33
34
• 01 • о
V fi�НИИ BЬIHOCKIII

I(ЛЮЧ 11�Геt1ДЫ
35 -
'\ . / .
- РАД Факт vs П
36
•

37 0.4 1 �броС.1ТЬ
38 J" • • По.nожен011е nод. иси
39 Уда :,.�ть
� центре
40 .-
l вершины
Вое "н вить т�nь
41
внуrри

42 д Шреф У QСНОВЗНИR BHY'PIA

43 1 1 И1�.1 tMfb Т�1 д�d раМ' '\) • У Bt?pШI;'IHt!l CHЗJ>Y)f:-1

44 - Выб ь мннь е
45
4 Чис.по

46
Кате[ория

47
(ее е фор•.i.а �ьt)
Фо МАТ рАД.1 Д..l t iHbJX

48
Тиn
• ••о о 'RedJ • ••о о
49
50 с
51

Рис. 4. 5. Подписи данных в виде обычных чисел

Если знаки после запятой в подписях данных не нужны, в поле Код фор­
мата следует ввести слегка измененное предыдущее значение: # ##О; [Крас­
н ы й]-# ##О. А если потребуется добавить в подписи данных "млн." или
что-то другое, то соответствующий формат будет иметь следующий вид:
# ##0« МЛ Н .));(Красны й)-# ##0« МЛ Н.)).
Как видите, пользовательские форматы - очень полезный инстру ­
мент! Попачалу он кажется сложноватым, но стоит один раз разобрать­
ся - и, поверьте, вы будете с удовольствием пользоваться им постоянно.
 П р и емы и спол ьзован и я цвета

Посмотрите на эти две диаграммы (рис. 4.6 и 4.7) и попробуйте уга­

дать, где показан ответ "Да" , где - "Нет", а где - "Не знаю".

РАС П РЕДЕЛ ЕН И Е ОТВЕТО В НА В О П РОС , %

Рис. 4. 6. Круговая диаграмма

ОДОБРЯЕТЕ ли вы ДЕЯТЕЛ ЬНОСТЬ ВЛУТИ НА?

% ОТ ОПРОШЕННЫХ

1 00%

80%

60%
' Присоединение Крыма к РФ
- ·
""' •-
,-. -r\_
-., -
.--
�

_J",
40%
�
20% __...
-� �,.
....
...
_ ,.
__...._
. ,
,.
0%

Рис. 4. 7. Линейная диаграмма

Не сомневаюсь, что вы угадали! (Проверьте себя, воспользовавшись

рис. 4.8 и 4.9).
 Гл а ва 4 . П р и емы в изу ал изаци и

РАС П РЕДЕЛ Е Н И Е ОТВЕТО В НА В О П РОС, %

Рис. 4. 8. Круговая диаграмма

ОДО БРЯЕТЕ л и в ы ДЕЯТЕЛЬНО С ТЬ в ПУТИНА

% ОТ ОПРОШЕННЫХ

-одобря ю -не одобря ю - н ет ответа

1 00%

80%

60%
' Присоединение Крыма к РФ
40%

20%

0% [111..... .. --
"<:> "<:> "" "" ""' ""' ""' ""' � � ""' .._<о ""' ""' "
&{}> �· &{}> ,р &{}> � {}>
& §.
'f {}>
& �· &{}> � &{}> ,р &{}>

Исrо ник Ана 1и ги 1 с.ки �А ч

Рис. 4.9. Линейная диаграмма

Использование этого простого приема ускоряет восприятие данных в

несколько раз. Однако можно встретить множество примеров, когда его
игнорируют.

Пр им �а ние аВтор а. Из любого правила могут быть исключения. Если

ответ "Да" - это ответ на вопрос "Есть ли у вас судимости?" при под­
боре кандидатов на работу, логичнее будет показать его красным.
 П риемы и с п ол ьзова н и я цвета

Если на диаграмме важно сделать акценты на максимальном и мини­

мальном значениях, выделяйте их соответственно красным и зеленым
цветами. Тогда читатель сразу обратит на них внимание. Причем крас­
ным можно выделять как минимальные, так и самые высокие значения.
Помним о логике.
Возьмем такой пример - график уровня безработицы по годам. Тог­
да минимальное значение - это самый лучший показатель, и вполне
логично сделать его зеленым.
А если на графике представлена динамика выручки компании, то ми­
нимальное значение будет логичнее показать красным (рис. 4.10).
- ·- --l
ВЫРУЧКА П О МЕСЯЦАМ (МЛН . РУБ.)

4,7 4,9
4,5 4,4 4,6 4,6
4,3 4, 1 4, 3 4, 1

ЯНВ. 1 7 Ф ЕВ. 1 7 МАР. 1 7 А П Р. 1 7 МАЙ . 1 7 ИЮН.1 7 ИЮn1 7 АВГ. 1 7 СЕН. 1 7 ОКТ. 1 7 НОЯ.1 7 ДЕК 1 7

Рис. 4. 1 О. Диаграмма изменения Выручки компании з а год

Также можно выделять максимум и минимум более ярким и более

бледным оттенками, если хотите остаться в одной цветовой гамме и не
хотите расставлять такие явные акценты, как в случае с красным и зеле­
ным цветами. Этот вариант представлен на рис. 4. 1 1 .
 Гл а ва 4 . П рием ы визуал иза ци и

----- - --
г-- --

В Ы РУЧКА ПО МЕСЯЦАМ МЛН. РУБ. ( )

4, 7 4,9
4,3

Я Н В. 1 7 ФЕВ. 1 7 МАР 17 АПР 1 7 МАЙ . 1 7 ИЮН.17 ИЮЛ . 1 7 АВГ.1 7 С ЕН . 1 7 ОКТ 1 7 НОЯ. 1 7 ДЕК. 1 7

Рис. 4. 1 1 . Диаграмма изменения выручки компании за год в единой цветовой гамме

В синей коляске вы ожидаете увидеть мальчика, в розовой - девочку.

Бывает, конечно, по-всякому, но в 90% случаев вы окажетесь правы.
Кате гория пола, как правило, также вызывает у нас определенные
цветовые ассоциации.
На своих диаграммах представляйте данные о мужчинах в синих и
голу бых оттенках, а о женщинах - в розовых и красных. И читатели
скажут вам " спасибо" ! Им не придется разбираться в легенде, поскольку
все и так будет понятно (рис. 4. 12).

РАСП РЕДЕЛ Е Н И Е РЕСПОНДЕНТОВ П О ПОЛУ, % ЧАСТОТА П О КУПКИ ТОВАРА

% РЕСПОНДЕНТОВ

• МУЖЧИНЫ •

КАЖДЫЙ ДЕНЬ

РАЗ В НЕДЕЛЮ t .•
,.•••11!111!1•·:iJ.

ОДИН РАЗ В ГОД

Рис. 4. 12. Правильное представление данных о мужчинах и женщинах

 П р и емы и с п ол ьзо ва н и я цвета

Учтите, что если на диаграмме не использо8ать ожидаемые цвета, на

ее чтение будет уходить значительно больше времени.

Цвет - идеальный инструмент, чтобы расставлять акценты на гра­

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

Пример 1. Вы подготовили отчет за июнь 20 1 7 и хотите обратить вни­

мание на выручку в июне в предыдущем году (рис. 4. 1 3 ) .

ВЫРУЧКА П О МЕСЯЦАМ ( МЛН . РУБ. )

4,7 4,9
4.4 4,6 4,6
4,3 4, 1
3,3 3, 5

ЯНВ.1 6 ФЕВ. 1 6 МАР. 1 6 А П Р. 1 6 МАЙ . 1 6 ИЮН.1 6 И ЮЛ . 1 6 АВГ. 1 6 С Е Н. 1 6 О КТ. 1 6 НОЯ. 1 6 ДЕК.1 6

-- -- ----- ----- --- -----'
Рис. 4. 1 3. Вы деление цветом важной информации

Пример 2. В своем отчете вы анализируете необычную динамику вы­

р учки одного из магазинов. Если обозначить магазин на графике жирной
кр асной линией (рис. 4. 14), то читатель быстро поймет, о каком именно
магазине идет речь. Внимание автоматически будет сконцентрировано
на анализируемой динамике.
 Гл а ва 4 . П рием ы визуал изаци и

ВЫРУЧКА ПО М А ГАЗ И Н А М ( МЛ Н . РУБ.)

5, 5
5.0 - МАГАJ И Н 1
4,5
4,0
- МАГАЭИН 2
3,5
1 3,0
-мдГАЗИН З
2,5
2,0
1,5
1 ,0
0,5
0,0
ЯНВ.17 ФЕВ. 1 7 МАР 17 АПР. 1 7 МАЙ . 1 7 И ЮН . 1 7 И ЮШ 7 АВГ 17 СЕН . 1 7 ОКТ. 1 7 НОЯ 17 ДЕК 1 7

Рис. 4. 1 4. Ц8ето8ой акцент н а анализируемом элементе данных

Пример 3. Ваша задача - показать долю компании на рынке среди

десятка конкурентов, и вы хотите использовать круговую диаграмму.
Обычно это очень плохая идея, так как в круговой диаграмме должно
быть не более пяти-шести элементов, чтобы она хорошо воспринима­
лась. Однако есть выход. Можно не использовать на круговой диаграм­
ме разные цвета для всех компаний, а выделить цветом только долю ва­
шей компании, как показано на рис. 4. 1 5.

ГДОляндШЕЙ комnАНИИ НА РЫНКЕ

8 НАША КОМПАНИЯ

Рис. 4. 1 5. Эффективная круговая диаграмма с большим

количеством элементов
 П р иемы и с п ол ьзова н ия цвета

Серый цвет - отличное решение для отделения неважных, второсте­

пенных данных от важных и интересных.
Например, если вы показываете результаты опроса, то смело выде­
ляйте серым (или значительно более бледным цветовым оттенком) та­
кие варианты ответа, как "Не знаю", " Затрудняюсь ответить", " Нет отве­
та" и другие, как на рис. 4.16.
- - - -- ----- l
РАС П Р ЕДЕЛ Е Н И Е ОТВЕТО В НА В О П РОС, %

ДА 35%

СКОРЕЕ, ДА 20%

Н ЕТ 25%

С КОР ЕЕ, Н ЕТ 1 5%

Н ЕТ ОТВЕТА 5%

Рис. 4. 1 б. Представление на диаграмме малозначащей информации

Как проще всего отделить на графике прогнозные значения от фак­

тических данных? Правильно! Цветом. Это была маленькая проверка,
помните ли вы, какую читаете главу.
Прогнозные данные можно показать серым цветом или же более
бледным оттенком того цвета, которым представлены фактические дан­
ные (рис. 4. 17).
 Гл ава 4 . П р и е м ы визуал изаци и

г -

АУДИТОРИЯ САЙТА (ТЫС. ЧЕЛ.)

ФАКТ 201 7 И ПРОГНОЗ 2 0 1 В

iiiiiiliilil
ЯНВ. 1 7 ФЕВ. 1 7 МАР 1 7 АПР.1 7 МАЙ. 1 7 ИЮН17 ИЮЛ. 1 7 дВГ. 1 7 СЕН17 ОКТ 1 7 НОЯ. 1 7 ДЕК 1 7 ЯНВ 1 8 ФЕВ. 1 8 МАР. 1 8 АПР. 1 8 МАЙ . 1 8 И Ю Н 1 8

Рис. 4. 1 7. Представление на диаграмме прогнозируемых данных

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

гнозных значений, постройте не один, а два ряда данных: первый -
для фактических значений, второй - для прогнозных. Тогда можно
будет разом задать цвет для всего прогноза. Чтобы это выглядело как
один ряд данных, настройте перекрытие рядов данных равным 1 00%
(см. раздел " Другие приемы", Л айфхак NQ3, ниже в этой главе ) .

Чтобы понятно показать н а графике текущий и прошлый годы, до­

статочно сделать текущий год ярче, а прошлый - бледнее. Если сделать
наоборот, это точно усложнит восприятие информации на диаграмме.
Этот прием применим к диаграммам любых типов, включая линейча­
тые (рис. 4. 1 8 ) и обычные графики (рис. 4. 1 9 ) .

l
П РОДАЖИ ТОВАРОВ ДИ НАМ И КА В Ы РУЧКИ 201 7 VS 20 1 6 ГОД,
201 7 vs 201 б, шт. МЛ Н . РУБ.
13
12 12
"/· -- ...... . --·
• 11
ТОВАР1
.,
8 201 7 год " --·/.9
б
•
ТОВАР2 5
- · - 20 1 7 ГОД

ЯНВ ФЕВ МАР АПР МАЙ ИЮН ИЮЛ

Рис. 4. 1 8. Линейчатая диаграмма Рис. 4. 1 9. График

 П риемы и с п ол ьзо ван и я цвета

Мастерство заключается в деталях. Если все элементы ряда (линия,

подписи данных, обозначения в легенде) сделать одним цветом, то гра­
фик будет выглядеть гармоничнее (рис. 4.20) . Этот прием поможет чита­
телю быстрее соотнести все элементы ряда между собой.

Ди на м и ка п рони кновен ия И нтернета в н аселен н ых пун ктах

Данные в % от групп

85%

77% 76% ./·�6% - - - 80% 79% 79 %

- · -Санкт·
7.4% · � · � · ---== · rlfllll"' • • П етербург
75%
67%�= -
71%
- < ;7 7%
71%
75% 77% 75% 78% 78%
7

--· . · - · -·-·-- · ---7·1 %

�68%
70% 6�
: :;...68%
65% 70% 70%
� .--- б� .� Е
69%
- · -Москва
""• 62%
�
64%
· 54% 55%
56%

55%
�% �·
�59%......- 5О% 51 %

- .�· -· -
· - ·

.� 53%
45%
.�7% • •
Зlу44у - · -Города
1 млн. +
32у •
24у•
35%
41%

- · -Села
25%
1ву•
1 5%
•
Осен ь 'О9 Осень ' 1 0 Осень ' 1 1 Осень '1 2 Осен ь '1 3 Осен ь ' 1 4 Зима '1 4- Весна ' 1 5 Лето ' l S Осень '1 5 Осен ь ' 1 6
15
"" htto//fom ru/SMI-t-jotemet/12497 Ы!рШот ru/SMI-i-intemeV13783

Рис. 4.20. Сложный график со многими элементами

Используйте диаграммы и графики одинаковых оттенков на протя­

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

Если в компании работает несколько человек, можно создать палитру

фирменных цветов и разослать всем сотрудникам. Это поможет обеспе­
чить единый стиль.
Как же создать такую палитру?
Любой цвет можно описать с помощью цветовой модели RGB (Red­
Green-Blиe - красный-зеленый- синий) . Чтобы в Excel получить доступ
к этой модели и понять, как закодирован определенный цвет, выделите
соответствующий элемент диаграммы, а затем на контекстной вкладке
Работа с Диаграммами/Формат в группе Стил и ф и гур откройте палитру За­
л ивка фи гуры ( рис. 4.2 1 ) . Выберите в этой палитре команду Другие цвета
зал и вки - и откроется диалоговое окно С пектр. В этом окне перейдите во
вкладку С п ектр - и вы увидите три значения характеристик выбранного
вами цвета по трем каналам модели RGB: Красн ы й , Зелены й , Сини й. С по­
мощью такой кодировки каждый сотрудник сможет при необходимости
воспроизвести этот цвет, просто установив соответствующие числовые
значения по каждому из каналов.

Цвета х
Формат
Обычные Сnе ктр ок
Заливка фигуры •

Цвета:
Цвета темы
Отмена

• ••• •••

Цветовая модель: RGB

Красный: 255

Зеленый: 230
Новый
(ki_НИЙ:

Нет заливки Про1рачность:

Друrие цвета заливки ...

< > 0%
Те кущий

Рис. 4.2 1 . Определение кодировки выбранного цвета

Все, что нужно сделать, - это прописать данные параметры для каж­
дого выбранного фирменного цвета, и палитра фирменного стиля готова!
 П риемы и с п ол ьзо ва н и я цвета

Например, вот как может выглядеть палитра фирменных цветов, на

примере для компании Ernst&Young ( рис. 4.22 ) .

ЕУ ЦВЕТА ДЛЯ ОФОРМЛЕНИЯ ГРАФИКОВ, ДИАГРАММ, СХЕМ

ОСНОВНЫЕ ЦВЕТА

Па ра метры RGB

ДОПОЛНИТЕЛЬНЫЕ ЦВЕТА

Па ра м етр ы RG B

Рис. 4.22. Пример фирменных цветов компании

С определенным цветом у нас ассоциируются не только мужчины и

женщины либо положительные и отрицательные значения. Говоря об
известных брендах, буквал ьно каждый россиянин вспомнит, что Сбер­
банк - зеленый, Кока-кола - красная, а Яндекс . . . Правильно! Желтый.
Всегда используйте подобные массовые ассоциации у людей. Это по­
может упростить и ускорить восприятие ими представленных вами дан­
ных. Причем для некоторых типов диаграмм это будет ценно вдвойне.
Рассмотрим два примера.
 Гл а ва 4 . П риемы визуал иза ци и

В этом случае применение брендовых цветов поможет восприятию

информации (рис. 4.23) .

Л ЮБИ М Ы Е БРЕНДЫ РОССИ Я Н 201 б

СЛАДКИЕ ГАЗИ РОВАН Н Ы Е НАПИТКИ БАНКОВСКИ Е УСЛУГИ

� СЫРБАН К
� pepsi е; ВТБ24

�
Sprife -
- Тинькофф
...

f"-n"'a РайФФайU�н
&АНК

Источник данных.· http://www. top20brands. ru/ru/rating_category

Рис. 4.23. Гистограмма с использованием брендовых цветов

Однако в случае гистограммы вполне можно обойтись без этого при­

ема и сделать все ряды данных одним цветом (рис. 4.24) .

Л Ю Б И М Ы Е БРЕНДЫ РОССИЯН 2 0 1 б

СЛАДКИЕ ГАЗИРОВАН Н Ы Е НАПИТКИ БАНКОВСКИЕ УСЛУГИ

� pepsl

Ис r о чник данных htrp://www. top20brands.ru/ru/ratmg_category

Рис. 4.24. Гистограмма без использования брендовых цветов

 П р и е мы и сп ол ьзова н и я цвета

Здесь уже не получится сделать все ряды одним цветом. Необходимо

выбрать свой цвет для каждого бренда. Используйте цветовые ассоци­
ации! Если использовать брендовые цвета ( Сбербанк - зеленый, Аль­
фа-банк красный) , то, взглянув один раз на легенду, читатель сразу за­
помнит, какой банк каким цветом обозначен (рис. 4.25) .

Л ЮБИ М Ы Е БРЕНДЫ РОССИЯ Н 201 б

СЛАДКИЕ ГАЗИ РОВАН Н Ы Е НАП ИТКИ БАНКОВСК И Е УСЛУГИ

� СЬЕРБЛfiК
��
8
·

• � pep si � ВТБ24
8

8 А дnЬФО·6онк
· �
•
Spn/e
РоИффаМJен
f�n • 6АНК

Остал ь н ы е
Оста л ь н ы е
•
•

Источник данных: http.//www. top20brands. ru/ru/rating_category

Рис. 4.25. Круговая диаграмма с использованием брендовых цветов

Если же сделать Сбербанк желтым, Альфа-банк - зеленым, а банк

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

***

Надеюсь, в дальнейшем цвет станет для вас незаменимым инструмен­

т ом. Используйте его возможности по максимуму, чтобы повысить на­
глядность данных на ваших диаграммах.
Ниже я привожу памятку по всем рассмотренным в этом разделе при­
емам использования цвета.
 Гл ава 4 . П р и емы в изу ал из а ци и

Одиннадцать nриемов исnоnьэования цвета

Ламнm«а мастера визуализации

да
положител ь н ы е макси мум
з н ачения нет
м и н и мум НЕ' З Н а Ю
отри цател ьн ые
значения

···--· 1 1 11 11

мужч и н ы
текущи й год
а кцен т

btiU

ЛИН ИЯ, ПОДПИСИ,

незначи мая прогнозные легенд а -
информация значения одни м ц ветом

-
- - Рt!Д 2 - Рt!Д 1
.. ..
-
-
-
.111111 �
r·
"
...... .
:====. =

r '"' известные
фи р ме н н ы й бренды
 Д ругие п риемы

Помимо приемов использования цвета, есть и другие способы сде­

лать вашу визуализацию более наглядной и попятной.

1. Настроить на диаграмме перекрытие столбцов.

2. Уменьшить пространство между столбцами.
3. Сгладить график с помощью скользящего среднего.
4. Сделать одну подпись для нескольких диаграмм.
5. Воспользоваться вспомогательной осью.

Из этого раздела вы узнаете, как с помощью этих приемов можно

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

Часто перед исполнителями ставится задача сравнить показатели те­

кущего года с показателями прошедшего (рис. 4.26).
Однако, если делать это с помощью линейчатой диаграммы или гис­
тограммы, то информация считывается легче, когда текущий год вы­
водится на первый план, а прошлый остается на заднем. Посмотрите,
насколько на второй диаграмме проще увидеть изменения за год по каж­
дому месяцу (рис. 4.27) .
 Гл а ва 4 . П р и е м ы визуал иза ци и

ОдинАм и кА КУРСА долЛАРА (РУБ. зА 1 uso) • 20 1 7

•• .' .'

Яl- В ФЕВ ММ АПР МАЙ И ЮН И ЮЛ АВГ ЕН ОКТ Н ОЯ Д К

Рис. 4.26. Сравнение показателей прошлого и текущего годов

ДИНАМ И КА КУРСА ДОЛЛАРА (РУ Б . ЗА 1 USD) • 20 1 7 о

Рис. 4.27. Диаграмма с перекрытием столбцов

А делается такое перекрытие столбцов в два счета!

 Д ругие п р иемы

1. Щелкаем правой кнопкой мыши на любом столбце в диаграмме.

2. В открывшемся контекстном меню выбираем команду Формат ряда
...
дан ных (рис. 4.28). Открывается область задач Формат ряда дан н ых.
3. В группе Параметры ряда с помощью ползунка (или поля счетчика)
П ерекрытие рядов выставляем нужный процент перекрытия пара­
метров. Для полного перекрытия, как показано на диаграмме на
рис. 4.27, выставляем значение 1 00%.
4. Закрываем область задач Формат ряда дан н ых и получаем желаемый
результат.

д С D G Н
Ф ормат ряда данных

ДИНАМИКА КУРСА ДОЛЛАРА (РУБ. ЗА 1 USD) • 201 7

•И-€:>
, s

t'kl fl 1o)!..I0·.,HI'/Io.ttn,..

..
fl'l:� �""''"e �
..•

111
_iolti,)IIIQ .QК.•p .. '

10

11
д f МАИ
12

Рис. 4.28. Построение диаграммы с перекрытием столбцов

Можно также использовать частичное перекрытие, тогда выбираем

меньшее значение, например 50% .
 Гл а ва 4 . П рием ы визуал и заци и

Пространство, разделяющее столбцы в гистограммах и линейчатых

диаграммах, делайте меньшим, чем ширина их столбцов. Часто програм­
ма Excel по умолчанию строит не самые удачные диаграммы. Сравните
два варианта, представленные на рис. 4.29.

Д иа грамма по умол ч а н и ю Отр едакти рован н ая диаграмма

О Ди н а м и ка п родаж Дина м и ка п родаж О

Рис. 4.29. Изменение расстояния между столбцами диаграммы

Слева - пример того, как программа Excel автоматически построила

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

1. Щелкаем правой кнопкой мыши на любом столбце ряда данных в

диаграмме.
2. В открывшемся контекстном меню выбираем команду Формат ряда
дан н ых ... (рис. 4.30). Открывается область задач Формат ряда дан н ых.
3. В группе Параметры ряда с помощью ползунка (или поля счетчика)
Боковой зазор выставляем нужное процентное соотношение между
шириной столбца и расстоянием между ними. Чтобы визуальная
целостность в диаграмме сохранилась, советую выбирать значения
в диапазоне 25-50%, не больше!
4. Закрываем область задач Формат ряда данн ых. Готово - требуемый
результат получен.

к L м N о р Q
Формат ряда дан ных
о о

4 Ди н а м и ка п родаж ') ...

5
6 ... Пар•.,..тры рАДа
7 ..
Построи, р�
8
9
10
11 Перо:��:рьн.,е р11доа
12 §<жоаоИ :wюр .f
13
IЧ
'�
IQ
11
'�
'�
LU
ll
и
L.j
LЧ
L�
LO
Ll
L� о
L�
JU

Рис. 4. 30. Изменение расстояния между столбцами диаграммы

 Гл ава 4 . П р и ем ы визуал иза ци и

Представьте, что вы анализируете динамику какого-то показателя за

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

Э тот п рием о ч е нь л ю б ят тре й дер ы ф и н а н со вых р ы н ков, та к как о н и

постоя н н о имеют дел о с о знач ител ь н ы м и кол е б а н ия ми и и м кра й не
важно во время отследить начал ь н ы й момент те нден ции по в ы ш е н ия/
п о н иже н и я с то и мости а кц и й .

Реальный пример использования трейдерами скользящего среднего

(красная линия на графике) представлен на рис. 4.3 1 .

Рис. 4. 3 1 . График с использованием скользящего среднего

 Д ругие п риемы

Этот инструмент сглаживает колебания и позволяет четче увидеть

тренд. Можно построить скользящее среднее за 2 1 день, можно за 1 1 ,
можно за 5 дней, 2 дня или выбрать любое другое окно. Все зависит от
уровня "сглаживания", который вы хотите увидеть. Чем шире окно, тем
более сглаженной будет линия.
Как построить скользящее среднее? Рассмотрим эту процедуру на
примере динамики посетителей сайта РИА Новости.
Обычный линейный график выглядит так, как показано на рис. 4.32.

ДИНАМИКА ПОСЕЩАЕМОСТИ САЙТА 'РИА Н ОВОСТИ' З А 201 7 ГОД ПО ДНЯМ

-ПосЕТИТЕЛИ
r r,• i

4 •·

.. , J o:r ' tюя l , r. к

Рис. 4.32. Обычный линейный график

Построим для этого графика скользящее среднее за 2 1 день (рис. 4.33)

ДИНАМИ КА ПОСЕЩАЕМОСТИ САЙТА 'РИд НОВОСТИ" ЗА 201 7 ГОД П О ДНЯМ

-Сt<ОЛЬЗйЩЕf СРЕДНЕЕ ЗА 21 ДЕНЬ

••, 1 !

М.'11

M lt

сжт , нся , r.. , 1

Рис. 4.33. Тот же линейнь1й график со скользящим сре дним за 21 день

И для сравнения приведем скользящее среднее за 7 дней (рис. 4.34) .

 Гл ава 4 . П рием ы визу ал иза ци и

ДИНАМИ КА ПОСЕЩАЕМОСТИ САЙТА 'РИд НОВОСТИ' ЗА 201 7 ГОД ПО ДНЯМ

-СкОЛЬЗЯЩЕЕ СРЕДН!Е ЗА 7 ДНСИ

' .

1 .

Рис. 4. 34. Линейный график со скользящим средним за 7 дней

Как видно из приведеиных на рис. 4.33 и 4.34 диаграмм, если вам

необходимо сильнее сгладить колебания, выбирайте больший период,
например 2 1 день. Если же вы хотите видеть усредненные значения за
неделю, используйте шаг в 7 дней.
Рассчитать скользящие средние совсем несложно. Это обычное сред­
нее арифметическое.
В качестве примера разберем, как выглядит в Excel формула расчета
скользящего среднего с шагом 2 1 и 7 дней? Для конкретности рассмот­
рим расчет среднего значения в точке 1 5 марта.
Таким образом, чтобы просчитать скользящее среднее за 7 дней в точке
1 5 марта, считаем среднее значение за период 12-18 марта. Далее просто
копируем данную формулу на весь столбец.
В итоге в точке " 1 6 марта" у нас будет среднее значение за 1 3- 1 9 мар­
та, в точке " 1 7 марта" - среднее за 14-20 марта и т .д.
 Д ругие п рием ы

С кол ьзя щее с р еднее з а 2 1 ден ь Скол ьзя щее с р еднее з а 7 дней

А в [ F А в l F
Динамика посещаемости сайта 11РИА Новости" за 201 7 год Динамика nосi!Щаемости сайта nрид Новости" за 2 0 1 7 rод

См:ольаящее Скольsящее
2 Дота Посетители среднее 31 21 день 2 Дата Посетители среднее sa 7 дней
64 03 мар. 1 7 2 096 9 3 2 1 985 225 64 03 мар. 1 7 2 096 932 1 985 225
65 04 мар. 1 7 1 484 7 4 8 1 928 895 65 04 мор. 1 7 1 484 748 1 928 8 9 5
66 0 5 мар. 1 7 1 632 848 1 849 690 66 0 5 мар. 1 7 1 632 846 1 849 690
67 06 ма р. 1 7 2 0 0 3 800 1 840 988 67 Об мор. 1 7 2 003 800 1 840 968
68 07 мор. 1 7 1 977 338 1 807 950 68 07 мар. 1 7 1 977 336 1 807 950
69 08 мар. 1 7 1 493 9 3 0 2 078 0 3 5 69 08 мар. 1 7 1 493 930 2 076 035
70 09 мар. 1 7 2 1 97 3 1 8 2 099 341 70 09 мар. 1 7 2 1 97 3 1 8 2 099 341
71 1 0 мар. 1 7 1 8 6 5 665 2 1 29 934 71 1 0 мар. 1 7 1 8 6 5 665 2 1 29 934
72 11 ма р. 1 7 3 3 7 5 343 2 165617 72 1 1 мар. 1 7 3 3 7 5 343 2 1 65 6 1 7
73 73
r
1 2 мар. 1 7 1 761 994 2 264 603 1 2 мар. 1 7 1 781 994 2 264 603
74 1 3 мар 1 7 2 21 7 952 2 244 9 2 6 74 13 мар. 1 7 2 217 952 2 244 926
75 1 4 мар. 1 7 2 227 1 1 5 2 289 1 93 75 1 4 мар . 1 7 2 227 1 1 5 2 2 8 9 1 93

76 1 1 5 мар . 1 7 1
2 1 66 637 =СРЭНАЧ(Вбб:В86) 1 76 1 1 5 мар. 1 7 1 (
2 1 66 837 •СРЭНАЧ В73:D79) 1
77 16 мар 1 7 2 059 578 1 9 7 6 058 77 1 б мар 1 7 2 0 59 578 1 976 058
78 17 мар 1 7 2 1 7 5 531 1 9 6 1 904 78 17 мар. 1 7 2 1 7 5 53 1 1 9 6 1 904
79 1 8 мар. 1 7 1 424 438 1 942 592 79 1 8 мар. 1 7 _ 1 4 2 4 438 1 942 592
80 1 9 мар. 1 7 1 540 957 1 91 3 417 80 1 9 мар 1 7 1 540 957 1 913 41 7
81 20 мар. 1 7 2 1 1 8 873 1 972 745 81 2 0 мар . 1 7 2 1 1 8 873 1 972 745
82 2 1 мар. 1 7 2 09 1 929 1 977 208 82 21 мар. 1 7 2 09 1 929 1 977 208
83 2 2 мар. 1 7 1 98 2 6 1 5 1 996 1 50 83 22 мар. 1 7 1 982 6 1 5 1 996 1 50
84 23 мар 1 7 2 474 8 7 5 2 061 906 84 2 3 мар. 1 7 2 474 875 2 061 906
85 2 4 мар. 1 7 2 206 770 2 1 1 1 395 85 24 мар. 1 7 2 206 770 2 1 1 1 395
86 25 мар. 1 7 _ 1 557 0 3 2 2 1 32 442 86 2 5 мар. 1 7 1 557 032 2 1 32 442
87 26 мар. 1 7 2 001 250 2 1 98 293 87 26 мар. 1 7 2 001 250 2 1 98 293
88 27 мар. 1 7 2 465 291 2 1 86 284 88 27 .,ар 1 7 2 465 291 2 1 86 284

А теперь, когда вы поняли, что такое " скользящее среднее )) , как его
р ассчитать и зачем оно нужно, у меня для вас приятная новость. Та-дам!
Excel умеет строить скользящее среднее автоматически!
Для достижения этой цели вам нужно выполнить всего лишь следу­
ющее.

1. Щелкаем правой кнопкой мыши на линии графика.

2. В открывшемся контекстном меню выбираем команду Добавить
л и н и ю тренда.... Откроется область задач Формат л инии тренда
(рис. 4.35).
 Гл ава 4 . П риемы визуал изац и и

3 . Устанавливаем переключатель Параметры л и н и и тренда в положе­

ние Скол ьзя щее среднее и в счетчике Период задаем нужное значе­
ние - 7 дней, 2 1 день или лю бое друrое.
4. Закрываем область задач Формат л и н и и тренда. Искомый результат
получен.

Ф о р м ат л и н и и тре нда
х

Параметры линии тренда •

.) - 1

• Параметры л и н и и тренда

;2ксnоненциальная

Динейна я

Лоrарифмическая

Пол ином и аль н ая

�теnенная

• hкольз я щее среднее Период 7 :

Назван и е линии тренда

8втоматически 7 пер .. скользящее

(Посетители)
•
среднее

ДpyrQe

Рис. 4. 35. Вклю�ение режима а8томати�еского

построения скользящего среднего

Довольно часто имеет место задача показать несколько аналитик по

одним и тем же катеrориям. Самое простое и быстрое решение - это
построить несколько диаrрамм, как показано на рис. 4.36 и 4.37.
 Д руги е п р и емы

ДОЛЯ ГОРЯ ЧИХ НАПИТКОВ В ОБЪЕМf ДОЛЯ ГОРЯЧИХ НАПИТКОВ В ОБЪЕМЕ

П РОДАЖ, % ( В НАТУРАЛЬНОМ В Ы РАЖЕНИИ) П РОДА Ж , % (В ДЕНЕЖНОМ ВЫРАЖЕНИИ)
В !ttH»AJ11: 201 б - s:!rf�A!-1� 201 / В rt H!PAЩ. 201 6 H·i!:!APE: 201 7

Рис. 4.36. Пример 1 . две круговые диаграммы

П РОДАЖИ ПО МЕНЕДЖЕРАМ. МЛН РУБ lРОДАЖИ '10 МЕНЕДЖЕРАМ. МЛН РУБ.

ОМ!:! �
ИL!AHUB

П Е ТРОВ п

с��в bl с
4
Поnев
fj n •
3АИЦЕВ
fJ ЗА
•
СМИРНОВ
g
Сокоnuв
Q с

Волков Ш в
-
Козлев В К<
-
МОРОэnВ • м > э
1!!1

ФAKT VS ПЛАН ФAKT VS ПЛАН

МЛН. РУБ Jg

И ВАНОВ
-о.з . ИВАНОВ -8% 1
П ЕТРОВ . 0.2 ПЕТРОВ
1 В'IЬ

СидоРОВ 1 0.1 СИДОРОВ 1 �....

Попов • 0.3 Попов . 25....

ЗдИЦЕВ • 0,2 3АИЦЕВ 1 1 3%
СмиРнсJВ
.0,4 - СмиРнов ·24%
•
Соколпв .0,1 1 Соколов
·9
%
1
Волков . 0.2 Волков
- 40'1(,
Козлив
1 0,1 Козлов
l a%
МОРОЗОВ .0,1 1 МОРОЗОВ 17% 1

Рис. 4. 37. Пример 2. Несколько линейчатых диаграмм

 Гл ава 4. П рием ы в и зуал изаци и

Прим еч.ание автора. Как сделать автоматически красную заливку отри ­

цательных столбцов на диаграмме и красные подписи для них, опи ­
сано в разделе " Приемы использования цвета", лайфхаки NQ l и NQ2,
выше в этой главе.
Однако мне такое решение не очень нравится. Слишком много ин­
формации на диаграммах повторяется. Я всегда придерживаюсь прин­
цила " минимум элементов на диаграмме" и, исходя из него, предлагаю
представить те же диаграммы так, как показано на рис. 4.38 и 4.39.

ДОЛЯ ГОРЯЧИХ НАПИТКОВ В ОБЪЕМЕ ПРОДАЖ, %

В ФЕВРАЛЕ 201 6 - ЯНВАРЕ 201 7

В НАТУРАЛЬНОМ ВЫРАЖЕНИИ 8 ДЕНЕЖНОМ ВЫРАЖЕНИИ

• МОЛО1 ЫИ И 8 ЗЕРНАХ

• Lc""'v1 КАХ

8 J Jl И ' A I'

Рис. 4. 38. Пример 1. две круговые д иаграммы, одна подпись категорий

П РОДАЖИ П О М Е Н ЕДЖЕРАМ, М Л Н . РУБ. ФAKT VS ПЛАН

МЛН РУБ.
и
•

3.7 0.3 . al
!i • 1
Жl u 1 1
- • •
l
- u 1 1
С 1
q ЕМ -0.4 - 24"' .
с
- - 0. 1
1 9'11. 1
['
а - 8о -
к
m ID 1 0. 1 1
\1
m 1\D -0,1 1 1 .

Рис. 4. 39. Пример 2. Несколько линей ч атых д иаграмм, одна подпись категорий
 Д ругие п риемы

Плюсы такого решения:

..,. нет повторов одной и той же информации;

..,. экономится место;
..,. (самый главный плюс) не приходится проверять ) действительно ли
на всех диаграммах категории расположены в одинаковой последо­
вательности (всякое бывает ) знаете ли) .

Допустим ) нужно отобразить динамику двух показателей ) но один

показатель - в рублях ) а другой - в процентах. Или же порядок чисел
совсем разный) т.е. скажем ) первый показатель - выручка в несколько
миллионов ) а второй - средний чек ) не превышающий и ста тысяч.
Если построить диаграмму с одной осью У) то динамика среднего чека
будет просто неразличима ) как это хорошо видно на рис. 4.40.

ДИНАМ И КА ПРОДАЖ ПО МЕСЯЦАМ (МЛН. РУБ.) - ВЫРУЧКА

-•-СРЕДНИЙ ЧЕК

Рис. 4.40. Неудачное решение - порядок значений двух диаграмм совершенно

различен

Можно нарисовать две отдельные диаграммы ) но тогда сопоставлять

динамику выручки и среднего чека будет неудобно.
Для таких случаев есть простое решение - используйте вторую вспо­
могательную ось (рис. 4.4 1 ) !
 Гл ава 4 . П рием ы визуал изаци и

ДИНАМ И КА ПРОДАЖ ПО М ЕСЯЦАМ

;о
""
\(j
""
а.
о.
<)
:D
.!:::-
с::
::;
"'
� <lJ
;т
>S
о. s
:I:
:;; c:r
CD <lJ
а.
u

Рис. 4. 4 1 . Те же две диаграммы, но в этом случае у каждой своя ось

Пр имечание автор а. Я предпочитаю на таких графиках делать подсказ­

ку цветом, какая ось к какому показателю относится. Так график чи­
тается быстрее. Обратите внимание: на рис. 4.4 1 все элементы ряда
"В ыручка" (сами столбцы, подписи оси слева, название оси) окраше­
ны в зеленый цвет, а ряда "Средний чек" - в красный.

Решение этой задачи очень простое.

1. Щелкаем правой кнопкой мыши на любом элементе того ряда дан­

ных, которому будет соответствовать вспомогательная (т.е. пра­
вая) ось на диаграмме.
2. В открывшемся контекстном меню выбираем команду Формат ряда
дан н ых. . . (рис. 4.42) . Открывается область задач Формат ряда дан н ых.
3. В этой области задач в группе Параметры ряда устанавливаем пере­
ключатель Построить ряд в положение По вспомогател ьной оси.
4. Закрываем область задач Формат ряда дан н ых и получаем желаемый
результат.
 Д ругие п риемы

Формат ряда дан ных

D G " м N 0 Р 0 н s т u vwx v z
�

9 ДИНА'v1.1Кд РОДАЖ 1 ' Ml ЯЦА�'

10 аЬ
11
12
13

Ecno'IO .t�
14 flo Qf"(tft'..;"" O�>t
15 . .ar�AМ+�'.
1Ь
17 о
18
19
'О
21
77
23
?4
25
26
27 <>
28
29
30
31
32

Рис. 4. 42. Созд ание на диаграмме вспомогательной оси

Второй способ создать такую диаграмму - непосредственно в начале

ее построения выбрать на вкладке Вставка ленты Excel тип диаграммы
Комби н и рованная и в открывшейся одноименной палитре щелкнуть на
пиктограмме Ги стограмма с груп п и ровкой и график на вспомогател ьной оси
(рис. 4.43).

ди.аrра'dмьt
•••

А в с D Е '-' Зто !>�r\.a.tзtpl"''·��"' 1Р '�('Т •

• Д,lll &lot,lle /IE' ..... 3 JIИЧН -.: 14 1 (.&ЕД'!.'t<А.1

f1r" ·"Hie' Ci11 Р 'fdЯ1(

• J n� д<��.ttU 1 � н.1Ч'&НИ>4 ... .. дo•.Jrp.o'.l'.' • 1�М��1 бo.'\ttWO"

р11Ьр
• "-OrAI J>' 1W ,PHHIIoi). JHt.Arl liiOTCfl

Рис. 4.43. Предварительный выбор типа создаваемой диаграммы

 • Гл ава 4 . П р и ем ы визуал изаци и
--lili\IIIIJ'

***

Все описанные в этой главе приемы - это практические рабочие ин­

струменты на каждый день, которые позволят вашим графикам стать
еще более наглядными, полезными и удобными для анализа представ­
ленной на них информации.
Обязательно применяйте их, и пусть процесс визуализации данных
будет вам в удовольствие!
Г ОТОВЫ Е Р Е Ш ЕНИЯ
ДЛЯ РАЗЛИ ЧНЫХ
БИЗНЕС -ДАННЫХ

РЕШ ЕНИЕ 1 . Д И НАМИ КА ЗА МНОГО ЛЕТ, Н ЕСКОЛ ЬКО РЯДОВ

ДАН НЫХ

РЕШ ЕНИЕ 2. Д И НАМИКА ЗА МНОГО Л ЕТ, ОДИ Н РЯД ДАН НЫХ

РЕШ ЕНИЕ 3. Д И НАМ ИКА ЗА МНОГО Л ЕТ, П РОЦЕНТ

ИЗМЕНЕНИЯ ОТ ГОДА К ГОДУ

РЕШЕНИЕ 4. ( РАВНЕНИЕ ТЕКУЩЕГО ГОДА С П РОШЛЫМ,

ДИНАМИКА ПО МЕСЯЦАМ ОДНОЙ КАТЕГОРИ И .
Л И Н ЕЙ Н Ы Й ГРАФИК

РЕШ ЕНИЕ 5. ( РАВНЕНИЕ ТЕКУЩЕГО ГОДА С ПРОШЛЫМ,

ДИНАМ И КА ПО МЕСЯ ЦАМ ОДНОЙ КАТЕГОРИ И .
Г ИСТОГРАММА

РЕШ ЕНИЕ 6. (РАВНЕНИЕ ТЕКУЩЕГО ГОДА С ПРОШЛ Ы М ,

МНОГО КАТЕГОРИЙ

РЕШ ЕНИЕ 7. ТРЕНД ИЛ И П РОГНОЗ

РЕШЕНИЕ 8. Д И НАМИ КА ДОЛ ЕЙ

РЕШЕНИЕ 9. ( РАВНЕНИЕ ПЛАНА С ФАКТОМ

РЕШЕНИЕ 1 0. (РАВНЕНИЕ В Ы РУЧКИ ПО МАГАЗИ НАМ

И МЕН ЕДЖЕРАМ

РЕШЕНИЕ 1 1 . Д ИАГРАММА ЦЕЛ ЕВОЙ АУДИТОРИИ

 Гл а ва 5. Гото вы е ре ш ен и я для разл и ч н ых б из нес -да н н ых

В этой главе собраны некоторые идеи для ваших диаграмм ) исходя из

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

� Вы можете взять готовые идеи диаграмм и использовать в своих

отчетах в том виде ) в каком они представлены.
� Можете взять что-то из диаграммы на заметку и применить к
своей.
� Можете скомпоновать несколько диаграмм - взять то ) что вам под­
ходит ) отбросить ) что не нравится) - и получить идеальный для вас
формат.

В каждой из рассмотренных задач не может быть одного правильного

решения ) во многом это вопрос вкуса. Главное - помнить ) что данные
должны быть представлены не только красиво ) но и понятно. Надеюсь )
предложенные варианты вдохновят вас на создание собственных шедев­
ров визуализации!
Р е ш е н и е 1 . Д и н ам и ка за мн о го лет, н ескол ько р ядо в да н н ых

Реwение 1 . Динамика за мноrо пет,

несколько рядов дан н ых
ИЗМЕНЕНИЕ ЦЕН В РОССИИ С 2000 ПО 201 7 ГГ, РУБЛЕЙ ЗА 1 КГ
М ЯСО И ПТИЦА

·-·--· 319

.4·-
/· - ·- ••-ГОВЯДИНА(КРОМЕ

. 256
БЕСКОСТНОГО МЯСА)

· --·
:;::�'-·?· _.....
. .""",.- · -· ;
·--·
-•-СВИНИНд(КРОWЕ
БЕСКОСТН<Х"О МЯСА)

§·-·
. .,.,.,-.·--=�
--
-•-k. дЖД nн !:

. ,-
·-· -·� -:;::..,.-
· 1 25
· -·-

58 . �·- · - ·�- �
_,."".. -
· - ·-
· -·
-·- · __./
ТУШЕНАЯ
••-ГОВЯДИНА, СВИНИНА

53 · -� КОНСЕР9ИРОВАЖАЯ (ЗА
-- УСЛ()(IНУ1() БА>Н<У350r)
20 · --- · -·-· --- ·
-
�
2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 201 1 201 2 201 3 2014 201 5 2016 201 7
ИСТОЧНИК Федеральl-iаЯ служба государственной статистики hltpj/www.gks.ru/
Цены с 2000 по 2016 rr указаны на конец года, цены 2017 года - по состоянию на июль 201 7

..,. Если на диаграмме много категорий и ее цель - показать общую

динамику, совсем необязательно подписывать каждое значение.
Весьма вероятно, что в этом случае график будет просто нечита­
емым. Достаточно подписать лишь значения начальной и конеч­
ной точек. Если все же нужно каждое значение, просто приложите
к графику таблицу данных. Пытливый пользователь отчета найдет
в ней интересующее его число .
..,. Л егенду я предпочитаю располагать справа. Когда много рядов
данных, так легче понять, какая линия что обозначает .
..,. Все элементы ряда (цвет линии, подписи, легенда) должны быть
одного цвета. Это помогает не запутаться, когда на одном графике
много различных данных .
..,. Цвета выбираю, исходя из ассоциаций о продуктах (колбаса - ро­
зовая, мясо - красное) .
Всегда н ео бходимо указы вать и сто ч н и к да н н ых и п ериод, кото р ы й эти
дан н ы е п редставля ют. Если ч итател ь не увидит и сто ч н и ка ин ф о рма­
ции н а диаграмме, до верия к п редставл е н н ы м да н н ы м у н е го н е будет.
 Гл а ва 5. Готовы е ре ш е н ия для разл и ч н ых б изнес -да н н ых

Ре ш е н и е 2. Д и н ами ка за м ноrо лет,

од и н ряд да н н ых

С РЕДНИ Й РАЗМЕР КВАРТИР В РОССИ И В 2000-20 1 б Г Г .

М2 ОБШЕЙ ПЛОЩАдИ

-15%
·-·-·-·-·-·-·-·-·-·-·-
·-·-·-· н 2000 r.

·-·-·

ИСТОЧНИК Федеральная служба государственной статистики httpJ/www.gks.ru/

2000 2001 2002 2003 2004 200 5 2006 2007 2008 2009 201 о 201 1 201 2 201 3 201 4 201 5 201 б

.,. Если вы показываете динамику одной категории (например, одной

фирмы или одного товара) , то целесообразно использовать круп­
ные маркеры. Так диаграмма выглядит объемнее и интереснее .
.,. Делайте комментарии непосредственно на диаграмме, когда хоти­
те обратить внимание читателя на какой-то момент или прописать
определенный аналитический вывод.
 Р е ш ен и е 2. Д и н ами ка за м н о го л ет, оди н р яд да н н ых

Лай ха к N27. Как сделать большие маркеры

Все предельно просто!

1. Щелкаем правой кнопкой мыши на ряду данных диаграммы.

2. В открывшемся контекстном меню выбираем команду Формат ряда
дан н ых... (рис. 5. 1 ) . Открывается область задач Формат ряда данн ых.
3. В этой области щелкаем на кнопке Зал и в ка и гран ицы ( �) , чтобы
получить доступ к соответствующим параметрам.
4. Раскрываем вкладку Маркер и открываем в ней группу Параметры
маркера.
5. Далее в этой группе устанавливаем переключатель в положение
Встроен н ы й, выбираем в списке Ти п желаемый вариант и устанавли­
ваем в поле Размер требуемый размер маркера, - в нашем примере
это 27 (см. рис. 5. 1 ) .
6. Закрываем область задач Формат ряда дан н ых и получаем требуе­
мый результат.

д о н J А

м Формат ряда да нных

65
6б
61 СРЕДНИ Й РАЗМЕР КВАРТ И Р В РОСС И И В 2000-20 1 1
ОБШЕЙ ПЛОШМ.И
68 ., 1
мz
••
то Л14-..,� Map��t:ltp
7\ / � Пар8М.1'"р� м•pkltJN
12
73
"
15
,.
п
18
19
so
8'
82
83
84 (РОIА��остн.аР: J.bli>'ID><.ol

85
P"'<)'•t<'Ж rtii .., H!Itt"l)f>·"'�
е6
87 ):ЭСР1401"- J.alltot8'<<1

вв де11.}
во
}0
9
92
2000 2001 20С2 2003 2004 2005 2006 2007 2008 2009 20'0 201 1
91
94
о ()
95
96
97
аа
9Q
' 00 Aerq

Рис. 5. 1 . Опр еделение размера маркера

 Гл а ва 5. Гото в ы е ре ш е н ия для разл и ч н ых б из н ес -дан н ых

Реwе н и е 3. Ди нам и ка за мноrо пет,

n роцент изменен ия от rода к rоду

В Ы РУ Ч КА КОМПАНИИ С 1 998 ГОДА, М Л Н . РУБ .

1 998 1 99 9 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2 0 1 о 201 1 201 2 201 3 201 4 201 5 2 0 1 б 201 7

И З М Е Н Е Н И Е ЗА ГОД, %

48%

4% 7%

-2% -4%
-9%

1 99 8 1 99 9 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 201 о 201 1 201 2 201 3 201 4 201 5 201 б 201 7

� Изменения за год я всегда показыв а ю зеленым и кр асным. Так сра­

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

Пр им. ечание автора. О том, как сделать автоматическую заливку крас ­

ным цветом столбцов данных с отриц ательными значениями и их
под писе й , чита йте в главе 4, раздел " Приемы использования цвет а",
подразделы "Л аи- фхак ;"",Q 1 " и "Л аи- фхак ;м, Q 2" соотве т ственно.
 Р е ш е н и е 4 . С ра в н е н ие т е кущего года с п р ош л ы м . . .

Решение 4. Сравнение текущего года

сnроwл ым, ди нам и ка по меся цам
одной категории. Линейный график
Вариант 1. Прошлы й год светлее

В Ы РУЧ КА КОМ ПАН И И ( МЛ Н . РУБ. ) -•-201 7

41
38 •

32 /• .".",.."". ---... •
• 37
.�
34

....___ . _./
24
21 21

Я Н В. 1 7 ФЕВ. 1 7 МАР. 1 7 АПР.1 7 МАЙ . 1 7 И Ю Н . 1 7 И ЮЛ. 1 7 АВГ.1 7 СЕН. 1 7 ОКТ. 1 7 НОЯ . 1 7 ДЕК. 1 7

И З М Е Н ЕН И Е В Ы РУЧКИ З А ГОД, %

-1 2%
ЯНВ.1 7 ФЕВ. 1 7 МАР. 1 7 АПР.1 7 МАЙ.1 7 И Ю Н . 1 7 И Юл.1 7 АВГ. 1 7 СЕН.1 7 ОКТ. 1 7 НОЯ.1 7 ДЕК. 1 7
 Гл ава 5. Готовы е ре ш е н и я для разл и ч н ых б из н ес -да н н ых

Вариант 2. Прошлый год пунктяром и одна подпись оси

В Ы РУ Ч КА КОМ ПАН И И ( МЛ Н . РУБ. ) · · · · · · 2 0 1 6 -•- 201 7

41 41
39 38
• ·�38
32 ./•· ·.... ··
..- � 3. 5
· ·� 32�· � . . . . 40 •
•. ... .
• . .

28 ·
. .

"""- · 7 37
• •

4 -
; �
3
3·�.
�:__ ��/за 35
•• •
•

� 35
•

! . . . . ��
• •
•

. • • • • •

25 2 4 21·-· 21

И З М Е Н Е Н И Е В Ы РУЧКИ ЗА ГОД, %

1 0% 11% 1 2%
8%
3%

- --

-3 %

-1 2%
ЯНВ.1 7 ФЕ8. 1 7 МАР. 1 7 АПР.1 7 МАЙ . 1 7 И Ю Н . 1 7 И ЮЛ . 1 7 АВГ. 1 7 С ЕН 1 7 ОКТ 1 7 НОЯ . 1 7 ДЕК. 1 7

.,.. Прошлый год можно выделить как более светлым оттенком, так и
пунктиром .
.,.. Подписи данных по текущему году расположены над линией гра­
фика, по прошлому - под ней. Однако там, где значения прошлого
года выше текущего, подписи я вручную расположила выше. Это
визуальная подсказка - с ней легче понять, за какой год показате­
ли по месяцу были выше .
.,.. Рост по традиции показан зеленым, падения - красным .
.,.. Все подписи данных окрашены в цвет столбцов.
 Р е ш ен и е 5 . С ра в н ен ие текущего года с п р о шл ы м . . .

Реwен ие 5. Сравнение текущего года

с проwлым, ди нам и ка по меся цам
одной категории. Гистоr амма
Вариант 1. Полное перекрытие столбцов

ДИ НАМ И КА В Ы РУЧ КИ , М Л Н . РУБ . • 201 7

ЯНВ ФЕ В МАР А ПР МАЙ ИЮН И ЮЛ АВ Г СЕ Н ОКТ Н ОЯ ДЕК

ДИ Н АМ И КА В Ы РУЧКИ, МЛ Н . РУБ. 8 20 1 7

Я НВ ФЕВ МА Р АП Р М АЙ ИЮН ИЮЛ АВГ СЕН ОКТ НОЯ ДЕК

 Гл а ва 5 . Гото вы е ре ш е н ия для разл и ч н ых бизне с -да н н ых

Вариант 2. Частичное перекрытие столбцов

ДИНАМИ КА ВЫРУЧ КИ, М Л Н. РУБ. 8 20 1 7

ЯНВ ФЕВ МАР АПР МАЙ ИЮН ИЮЛ АВГ СЕН ОКТ НОЯ ДЕК

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

В н иман ие! Вариан т ы с перек р ы т ием с т ол б цо в п одходя т т ол ько в т ом

случае, есл и за весь п ро ш лы й год значения п о каза т еля б ыли вы ш е
ил и за весь год значения б ыл и н иже. Е сл и это не так, то п одп иси дан ­
н ых за п рошлы й и теку щ и й годы буду т мешать одн а д р уго й (л е вая
диаграмма). Также, есл и все п о казател и п рошлого года б ыл и ниже
п о каза т еле й т еку щ его, т о п одо й дет т ол ько вариан т с полным п ере­
к р ы т ие м с т ол б цо в, и наче п одп и си да н н ых п ро шло го года б уду т п о п а­
дать на стол б цы года теку щего (п равая ди аграмма) .

о ДИНАМ И КА В Ы РУЧКИ. МЛН. РУБ.

201 6 .
О динАМ И КА В Ы РУчки. млн. РУБ.
8 201 7

58,0 57,0 56,3 53.3

ЯНВ ФСВ WP д � ИIОН ИЮ!l двr Cf:>-1 Оt<Т НОЯ ДЕI( ЯН8 ФЕВ МАР АЛР МАЙ IIIIOН i'IIO.Il АВГ CFf! tжТ HOR Дl..'<
 Р е ш е н и е 6. С рав н ен и е теку ще го года с п ро ш л ы м . . .

Реwен ие 6. Сравнение текущеrо rода

с прошл ым, м н о rо катеrории
v

СРЕДН И Й Ч Е К П О МАГАЗ И НАМ

ТЫС. РУБ. ИЗМЕНЕНИЕ ЗА ГОД %

201 7 VS 201 6

итого . 4%

Магазин 1
М агазин 2 11%
М агазин 3
Магазин 4 10%
Магази н 5 13%
М агази н 6
Магазин 7
Магази н 8
Магазин 9
Магазин 1 0

..,.. Когда п еред вами стоит задача показать разброс значени й (как в
данном примере: средни й чек варьируется от 45 до 96 тыс. руб. ) ,
можно н е следовать правилу " логически й порядок " и н е выравни­
вать от большего к меньшему .
..,.. Итоговые значения лучше визуально отделять от основного масси­
ва данных. Я предпочитаю выделять их как цветом, так и пробела­
ми между итоговым и прочими столбц ами.

Лайфхак N!!B. Как добавить пробелы между

столбцами диаrраммы
Предл агаю вашему вниманию очень просто й и поро й очень п олез­
ны й прием. Ч тобы на диагр амме отобразить " пробелы", необходимо до­
бавить пустую строку в вашу таблицу д а нных!
 Гла ва 5 . Гото в ы е ре ш е н и я дл я разл и ч н ых б из нес -да н н ых

7
о
Средн и й чек по м а га з и н а м СРЕД Н И Й Ч Е К П О МАГАЗИ НАМ
9 Магазин 2016 201 7 И з м . з а год%
1 о итого 55 000 57 0 0 0 ТЫС РУБ
11 1 �
12 Магазин 1 51 530 5 3 287 3%
13

!i!!:
Магазин 2 65 0 0 0 72 000 '1%
14 М а г а з и н 3 53 000 48 6 7 5 -1!%
15 Магазин 4 87 0 1 9 95 9 3 7 1 0%
1б
Мегаэин Э

Магазин 5 53 9 5 6 60 8 1 4 1 3% м" " "" '

�-
1 7 Магазин 6 56 283 53 9 8 3 -4% магаэин s

18
Магазин б
Магазин 7 49 769 45 1 49 -9 %
Маrаэин 7
1 9 Магазин 8 51 574 49 3 5 9 -4%

20
Магазин а

Магазин 9 6 0 347 59 0 5 1 ·2% Маrаэин 9

21 Магазин 1 0 7 3 000 7 5 2 5 6 Э%
Магазин 10

Лайфхак N°9 Как сделать так что

на иаrрамме в этих пробепах н ь
Ответ - никак. : ) Точнее говоря, автоматически - никак. Но есть
хитрость - просто до бавить поверх диаграммы ф игуру с заливкой
белым цветом, и проблема решена!

СРЕДН И Й ЧЕК П О МАГАЗИ НАМ

\
ТЫС. РУБ. ИЗМЕНЕНИЕ ЗА ГОД %
201 7 VS 201 6

итого

Магази н 1
Магазин 2 11%
Магазин 3 -8%
Магазин 4 10%
Магазин 5 13%
Магазин 6
Магазин 7
Магазин 8
Магазин 9
Магазин 1 0

Кто -то скажет : "К а кая мелоч ь . М ожно и н е скр ы вать ось". А я скажу :
"М астерство - в деталях, до ро гие колл е ги ! "
 Р е ш ен и е 7 . Тренд ил и п рогн оз

Решен ие 7. Тренд ил и проrноэ

Вариант 1. Светлая линия на гр афике

1 В Ы РУ Ч КА ( М ЛН. РУБ)
ФАКТ 201 7 И ПРОГНОЗ 201 8

68
-
71
-
74
·
76 79 82
-·- ·-·-
8 5_
· :
·
� ·-·
�-�
·-·-·
50

ЯНВ. 1 7 ФЕВ 17 МАР . 1 7 АПР. 1 7 МАЙ.1 7 И Ю Н . 1 7 И ЮЛ . 1 7 АВГ 17 СЕН . 1 7 ОКТ 17 НОЯ. 1 7 ДЕК 1 7 ЯНВ.18 ФЕВ 1 8 МАР. 1 В АПР 1 8 МАЙ. 1 8 И Ю Н. 1 8

Вариант 2. Пунктирная линия на графике

В Ы РУ Ч КА ( МЛ Н. РУБ )
- • - В ы ручка 201 7

63 68 71 74 76 79
-·-· - ·
2 85
-8· - · _ :
5 5 5 8- · - · - ·
-·
50
·-·

ЯН8_17 ФЕВ. 1 7 МАР. 1 7 АПР 1 7 МАЙ . 1 7 И Ю Н. 1 7 И ЮЛ_ 1 7 АВГ 1 7 СЕН. 1 7 ОКТ. 1 7 НОЯ . 1 7 ДЕК. 1 7 Я Н В. 1 8 ФЕВ 1 8 МдР. 1 8 АПР. 1 8 МАЙ. 1 8 И Ю Н . 1 8

Вариант 3. Светлые столбцы н а диаграмме

В Ы РУЧКА ( МЛ Н. РУБ ) • Вы ручка 2 0 1 7 Гренд

q 1 01
4 �б QJ

iiiliiiiiiil "
ЯН8.17 ФЕ8. 1 7 МАР. 1 7 дПР. 1 7 МАЙ . 1 7 И Ю Н . 1 7 И ЮЛ 1 7 АВГ 17 СЕН.1 7 О КТ 1 7 НОЯ.17 ДЕК 17 ЯНВ. 1 8 ФЕ8. 1 8 MAP. l B АПР. 1 8 МАЙ. 1 8 И Ю Н. 1 8
 Гл ава 5 . Гото в ы е ре ш е н и я для разл и ч н ых б из н ес -дан н ых

Вариант 4. П унктирные столбцы на диаграмме

ВЫРУЧКА (МЛ Н. РУБ)

ФАКТ 201 7 И ПРОГНОЗ 20 1 8

1� .15 1� 1� 1� 171 1� 1� � 1� 185 1� � А � А А А

_ _ . _ _ _ _ __ _
:
:
t
: !
: :
! !
: :
! !
11
! :
: :
! !
: !
: :
L:
J :
! !
JJ J
!
J

ЯНВ 1 7 ФЕВ 1 7 МАР 1 7 АПР. 1 7 МАЙ.1 7 И Ю Н . 1 7 И Юл . 1 7 АВГ 1 7 СЕН. 1 7 ОКТ 1 7 НОЯ. 1 7 ДЕК. 1 7 ЯНВ 1 8 ФЕ8 1 8 МАР 1 8 АПР. 1 8 МАЙ 1 8 ИЮН.1 8

� Тр енды или прогнозы я всегд а показываю как второстепенные эле ­

менты. Для этой цели можно делать их светлее фактических значе ­
ни й , показывать пунктиром или выделять серым цветом.
 Р е ш е н и е 8 . Д и н ами ка дол е й

Решение 8. Динамика долей

ДОЛЯ П РОДАЖ ТОВАРОВ В ОБЩЕЙ ВЫ РУЧКЕ (%)

8 Товар 4

• Товар З

•Т в r:- 2

• Товар 1

2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 201 0 201 1 201 2 201 3 201 4 201 5 201 6 2017

.,. Цвета выбираю, чтобы они заметно отличались один от другого и

была хорошо видна динамика каждо й категории .

В н иман и е! В п одо б н ы х случаях я всегда испол ь з ую нормиро в а н ную

гисто грамму, а н е лине й н ы й гра фи к . Та ким с п о со б ом я п о к а з ы ваю,
что сумма всех к ате гори й ра в н а 100% .

о ДОЛЯ П РОДАЖ ТОВАРОВ В ОБЩЕЙ ВЫРУЧКЕ (%)

2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 201 0 201 1 201 2 201 3 2014 201 5 201 6 201 7
 Гла ва 5 . Гото в ы е ре ш е н ия для разл и ч н ых б изнес -дан н ых

Ре ш е н и е 9. Сравне н ие пла н а с фактом

ПРОДАЖИ ПО МЕНЕДЖЕРАМ, МЛ Н . РУБ . ФAKT VS ПЛАН

• ЕJ ПЛАН М ЛН. РУБ . %

·з�:;---------------------------- -------------�
ИВ А Н ОВ - 0,3 -8 % 1
·-------- ------ -- - - --------------------------- · .
• 0,2 l в%
·-------------------------------.,
П ЕТРОВ 46 1
·------------------------------- J

1 0 ,1 1 5%
,
СИДОРОВ
.. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. ..... .. .. .. .. .. ..

.3.�--------------------J
- - -- ,
• 2 5%
- - - -- -----
попов 7,2 1 . 0.3
-- -
--------------�

1 1 3%
-- ----- ----
ЗАЙ Ц ЕВ
1 0.2
.,

__ 7;�----------j •

СМИРНОВ - 0,4 -24% .

-9 % 1
.

- 0,1
соколов 1
.. .. .. .. .. .. .. ..... .. .. .... .,
1

.. !:.! .. .. .. .. .. .. .. .. .. J
Волков
--��_j . ::1.2 4 0%
.............

1 01 l в%
·------,
Козлов 0,6 1 ,
.

-
... .......... ..)

1 7% .
·------.
- 0,1
М ОРОЗОВ
- -0,6-- --1'
- 1

� План как прогноз и тренд - это не фактические данные, поэтому

логичнее делать его бледнее.
� В случае сравнения " план/факт " я люблю использовать перекр ы­
тие столбцов на диаграмме. Так очень хор ошо видно отличие фак­
та от запланированных значени й .
� Для всех трех диаграмм я подписываю Ф ИО менеджеров только
ОДИН раз.
Р е ш е н и е 1 0. С ра в н ен и е в ы р у ч к и п о ма гази н ам и менеджерам

Решение 1 0. Сравнен ие выручки

no ма гази нам и менеджерам

ВЫРУЧ КА ПО МАГАЗИН АМ И МЕН ЕДЖ ЕРАМ, РУБ.

о 1 000 000 2 000 0 0 0 3 000 000 4 000 000

МАГАЗИ Н 1 Иванов

МАГАЗИ Н 2

МАГАЗИН 3

МАГАЗИН 4

МАГАЗИН 5

МАГАЗИН 6

МАГАЗИН 7

МАГАЗИ Н 8

МАГАЗИН 9

МАГАЗИН 10

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

(их можно отследить по линиям оси) , а ФИО менеджеров.

Лайфхак N°10. Как сделать нестандартные подn иси

на иаrрамме
Последовательность де й стви й б уд ет следующе й .

1. Щелкаем правой кнопкой мыши на нужно й подписи данных на ди­

агр амме .
2. В открывшемся контекстном меню выбираем команду Формат под­
п исей дан н ых... (рис. 5.2 ) . Открывается область задач Формат подп и­
сей дан н ых.
 Гл а ва 5 . Гото в ы е ре ш е н и я для разл и ч н ых б из нес -да н н ых

3. В группе П араметры подписи устанавливаем флажок значения из я ч еек.

4. В открывшемся диалоговом окне Диапазон меток дан н ых ( р ис. 5.3)
указываем диапазон ячеек, в которых находятся нужные значения
подписе й данных.
5. Сб расываем все остальные флажки набора В кл ю ч ить в подп иси, за ­
крываем область задач Формат подп исей дан н ых и получаем нужный
результат.

nодnиrей
с G н
Фr " т ДdН НЫХ

+
ВЫРУЧКА ПО МАГАЗИНАМ И МЕНЕДЖЕРАМ, РУБ.
Mo..�ГЭJMtt 1
M.)fa3>'"' 7 ·'

т
Matoaл<ttt 3

... . . , Е
Маrаэин 4

Mar.J:.иtt !:l

h.lati13Иit 6 ""�� 1.
MMi13МII I M.VOA<>' 3 Си,с
М;н-013ИН 8
Моuаэин 9 М ' .t.:..,,, 4 C'AI'Pt'
MJY&31111 1 0
- З ..
llll"'.t..."t,.н 5 мuм

.. 6 - Гiorr'.>e
ht�.._-w.

M'll AМ-� 1 - Cottoяc11

м А3М!< а 8 Мор0:ю.

Рис. 5.2. Выбор Варианта построения подписей

А в с D Е •

2 Формат подписей да н н ых

3
Параметры nодnиси

4 '! al •••
5
б Магази�t 3
.. Парllметры подnиси

7 Maraэиt t 4 Включить в подписи

8 Магаэи�t 5 v' �начения из ячее(

9 Maraзиtt б
10 г.:- --+ !;:!МЯ ряда
Диаnазон меток д..
Мэгаэив 7

11
'
Магазин 8
12 Магазин 9 Выберите диаnаюн меток данньtх
13 Магазин 10 ---411
..1! •Лист1 !SDS4:SDS 1 �
14
15 ок

16 1
17 kбросить
18 Положение подnиси
19 6: центре
20
21 � вершины. внутри

Рис. 5. 3. Определение диапазона ячеек с подписями

 Р е ш е н и е 1 1 . Д и а грамма целевой аудито р и и

Решен ие 1 1 . Диаrрамма целевой

аудитори и
Н у и напоследок. Я более семи лет занималась аналитикой аудитории
различных медиа - сай тов, журналов и телеканалов. Не могу про й ти
мимо этой задачи!
Как показать целеву ю аудиторию какого-либо продукта! Рассмотрим
на примере сай та РБК.

RBC.RU АУДИТОРИЯ (%) ИНДЕКС СООТВЕТСТВИЯ

пол пол
Мужч и н ы
Женщи н ы 43% 57% Мужч и н ы
Женщи н ы 83
118

ВОЗРАСТ

'
ВОЗРАСТ
1 2-1 7 1 2-1 7 47
1 8-24 1 8-24 70
82
25-34 25-34
35-44
45-54
55-64
23% 25%
35-44
45-54
55-64
•
109
124
1 27

РОД ЗАНЯТИЙ

�· 33%
РОД ЗАНЯТИЙ
руководители - 22% руководители 21 1
специал и сты специал исты 178
служащие � служащие 120
рабочие рабочие 56 ..
• б% 46
учащиеся
1 4%9% учащиеся

49 8 11
домохозяйки домохозяйки
др. неработающие - др. неработающие

4%
МАТЕРИАЛЬНОЕ ПОЛОЖЕНИЕ С ЕМ ЬИ МАТЕРИАЛЬНО Е П ОЛОЖЕНИ Е С ЕМЬИ
8
хватает только на еду
хватает на еду и одежду -=====�42%
� 46%
хватает только н а еду 22
хватает н а еду и одежду 1 00

1 1%
моrут покупать дорогие вещи моrут покупать дорогие вещи 1 53
пол н ы й достаток пол н ы й достаток 1 27

Источник: Mediascope, проект Web Index, декабрь 201 7, все города России,
население в возрасте 12-64, ( ht tp : / /me d i a s cope . ne t / s e rv i c e s /media /me ­
d i a - audience / i nt e r ne t / in f o rmat i o n / )

Пр имечание автора. И ндекс соответствия (Affinity index) показывает, на ­

сколько данной группе свойственно посещение сайта. Если индекс
больше 1 00, значит, свойственно, а если меньше - нет . Индекс превы­
шает 1 00, когда доля этой аудитории на сайте выше, чем в населении
 Гл ава 5 . Гото в ы е ре ш е н и я для разл и ч н ых б из нес -да н н ых

России в целом . Например, в населении всего 48% мужчин, а на РБК

доля мужчин р авна 57%. Индекс будет равен 1 1 8 (считается он по фор ­
муле 57/48* 1 00).

� Распределение аудитории внутри каждой категории (пол, возраст,

род заняти й , материальное положение) я предпочитаю показывать
на одной диаграмме, не разделять на несколько . Так легко увидеть
и сравнить долю разных групп внутри всех категорий .
� В этом примере я использую два приема, обсуждавшиеся в приме­
ре 6 этой главы: "Лай фхак N!!8. Как добавить пробелы между столб­
цами диаграммы " и "Лай фхак N!!9. Как сделать так, что бы ось У на
диаграмме в этих пробелах не отображалась ".

П ро бел ы в та бn и це да н н ых Ф и rур ы с зап и в к ой н а д иа грамм е

Женщ14ны
_L_ � -
�
о Женщины 4
ВОЗРАСТ
1
12 17 1.
18 24 .
�2-1 7
2 _ __ 3
3 Возрастные груnnы ,----,4=
7 -----
4% -, 2 5-34 -
4 1 8-24 7% 35 44 -

��� 4 5 54 -
5
55-64 -
25-34 1 9%
б 35-44 1 09 22%
7 45-54 1 24 23% РОД ЗАНRТИЙ
8 �-64 _ 1 22...__2 5%
9
о
1 Род занятий руководители 2 1 1�-22%
2 специалис т ы 1 78 33%
3 служащие 1 20 1 5%
4 56 11%
МАТЕРИАЛЬНОЕ ПОЛОЖЕНИЕ СЕМЬИ
рабочие

5 уч ащ иеся 46 б%
б ДОМОХОЗЯЙКИ 84 4% 1
хватает топько на еду
7 49 9% хватает на еду и ОДf>'!I<ДУ

� На диаграмме "Индекс соответствия" линия вертикальной оси пе ­

ресекает гор изонтальную ось в значении 1 00.
� На диаграмме "Индекс соответствия" подписи категори й (мужчи­
ны, женщины и т.д. ) располагаются далеко от оси.
 Р е ш е н и е 11 . Д и аграмма цел евой аудито р и и

Лаифхак N!!1 1 . Как сделать, чтобы вертикальная

ось пересекала горизонтальную ось не в нулевом
з начен и и

1. Щелкаем правой кнопкой мыши н а горизонтальной оси диаграммы.

2. В открывшемся контекстном меню выбираем команду Формат оси •••

(рис. 5.4). Открывается область задач Формат оси.

3. В группе Параметры подписи устанавливаем переключатель В ерти­
кал ьная ось пересекает в положение Зна ч ение оси и указываем жела­
емое значение в числовом поле справа.
4. Закрываем область задач Формат оси и получаем желаемое.

р Q R s т u v
/
Формат оси

ИНДЕКС СООТВЕ
Параметры оси • П<�раААетрьl н�кста
_ ,. к

о
пол
200
') == ·
Мужчины ... Пар.аметры оси
ЖСI1ЩИНt>1 Границьl
мини>.iум 00 Авrом•тически
ВОЗРАСТ А Шр.-фт
1 2- 1 7 Ма"си-.sум 400 О АВlОМ<ПИЧеСКИ
1 8-24 Де.пениА
25-34 Вt11 б рать данные
Qсновные 200 О Автома1ИЧ4!!'С КИ
35 44
45-54 Промежуточные 40.0 АtпомаТ1Nески
5 5 54 ВерП4ильнаА ос.ь nepecf't<a�т

Автовk!боР
руководите-ли
сnецrtалисты
• �начение оси С 1оо.о ::>

Рис. 5.4. Опр е д еление то ч ки пересе ч ения осей диа граммы

Лайфхак N°1 2 Как расположить nодп иси категорий

дальwе от оси
1. Щелкаем правой кнопкой мыши на любой подписи значения на оси.
2. В открывшемся контекстном меню выбираем команду Формат оси •••

(рис. 5.5). Открывается область задач Формат оси .

3. В группе Подп иси в списке Положение подп иси выбираем значе­
ние в н изу и при необходимости увеличиваем расстояние между
 Гл ава 5 . Готовы е ре ш е н и я для разл и ч н ых б из нес -да н н ых

подписями и осью, указав нужное значение в одноименном поле

этой группы (допустимыми являются значения от О до 1 000) .
4. Закрываем область задач Формат оси и получаем желаемый результат.

N О Р О R S т u
Формат оси
v

И НДЕКС СООТВЕТСТВИЯ +

пол Параметры оси ..,.. Параметры тексrа

Му)!(ЧИ11Ы
Жеt-щины
Тиn О( и
ВОЗРАСТ
• Аеtоаь Qop на основе данн�;о�к

Ось tекста

Оrь даt
Гориюнталь.ная ось nересt-ка�т
Ааrов!!_бор

() Вое "�'nнов�ть с ипь

• 8 HO'I.!f'pE' IС.1Те1"Ории
pykOBO� в максимальн()и к,,'1'е-rори�
cneц :.t.a д Шр111 ф т
Положение оси
слу� 1 1 и .] J t,.> �• •� ь т�n ... � ра l',lb

:� - Вь:брать дiiHI"Ыe
• t.AeЖIJ,y Дf'Лf>НИЯ'.о41'1
.ЦОМОХ(
др Нl').рабоп ../ 06раrнЫ.!1_ 11оря.аок. ка1еrории
Добавить ос:новt-tые /1)\HII.A сеrки
Деления
М1 1 . цоб<tЕiиrь Р<>'Ае;«уточньtе линУ!и сеrк!А
XBi;i f<JCT юr.ько�,;.;;.;.;-.;;;.;.;;.,;_;:.:..:_
r "' Подnиси

хватает на еду � Июервал между noдnиc:Siмl"

моrтrт nокуnа1ь дороги....
в !!!
., · 111!"--....,1"'"1� • двТQ
ГЮЛНЬ И ДО•
Вертl'll(.мьна�
/ - ;д1"t1ИЦа ИJ'"C.'pCHИft ИHTf'p8CIIIJ 1

3. н�
•

;
Еасстоя�У�е or о с и

Qоложение noдr.•ч:r� 2. С в

Рис. 5. 5. Смещение подписей зна ч ений оси в желаемое положение

К А К О Ф ОРМЛЯТЬ ТА БЛИ ЦЫ

ОдИН НАДЦАТЬ СОВЕТОВ ПО ОФОРМЛЕНИЮ ТАБЛИ Ц

СоВЕТ 1 . Л И НИИ СЕТКИ ДЕЛАЙТЕ СВЕТЛЫМИ

СовЕТ 2. Ч и слА должны Быть с РАЗДЕЛ ИТЕлями

РАЗРЯДОВ И БЕЗ Л И Ш Н ИХ ЗНАКОВ ПОСЛЕ ЗАПЯТОЙ

СОВЕТ 3. Д ИЗАЙ Н НЕ ДОЛЖЕН ПРЕПЯТСТВОВАТЬ

ПОНИМАН И Ю

СовЕТ 4. РАсполАгАйТЕ дАн н ы Е логично

СОВЕТ 5. В ыдЕЛЯ ЙТЕ ОТРИ ЦАТЕЛ ЬНЫЕ ЗНАЧЕНИЯ

КРАСНЫМ

СОВЕТ 6. НУЛ И И ОШИБКИ ВЫДЕЛЯЙТЕ СЕРЫМ

СовЕТ 7. В ыдЕляйтЕ ШАП КУ и итоги

СовЕТ 8. П омогАйТЕ цвЕТом и отсТУпАми понять

ИЕРАРХИЧ ЕСКУЮ СТРУКТУРУ ДАН НЫХ В ТАБЛ ИЦЕ

СовЕТ 9. ЗАКРЕПЛЯ ЙТЕ ШАП КУ И НАЗВАНИЯ СТРОК

СовЕт 1 0. П РидЕРЖИ ВАйтЕсь одного ФОРМАТА

СовЕт 1 1 . БыстРЫ Е диАГРАммы в ячЕйКАХ:

УСЛ ОВНОЕ ФОРМАТИРОВАН ИЕ И СПАРКЛАЙ НЫ
 Гл а ва 6. К а к оформл я ть табл и цы

Напоследок мы пог оворим о том, что еще надо делать (или не де­
лать) , чтобы не испортить впечатление от ваше г о шикарног о отчета.
Речь пойдет уже не о построении и оформлении диаграмм как таковых,
а о правильном оформлении тех таблиц данных, на основании которых
они строятся.
Как делать таблицы данных в отчетах понятными и удобными? Ниже
я привожу несколько советов. Это не правила, а скорее мои личные лайф­
хаки о том, как можно упростить работу с таблицами , уделив внимание
их оформлению. Некоторые советы перекликаются с правилами визу­
ализации (см. главу 2, "Одиннадцать правил визуализации данных" ) .
Некоторые - специфические для таблиц. Однако лог ика при работе с
данными все гда одна - надо заботиться о пользователях ваших отчетов
и делать восприятие информации максимально простым.
 Оди н н адцать совето в п о оформл е н и ю табл и ц

ТОВАР ПРОДАВЕЦ ПРОДАЖИ ТОВАР ПРОДАВ[Ц

Ябл<жи И вuнов 1 500 000 р flбJIOK�I ИНЗIЮВ 1 500 000 р

Груши 'lerpoв 1 200 000 р Г руши Петров 1 ?00 000 р

Аnельсины Сидоров 900 000 р АIIСЛЬСИНЫ Сидоров 900 000 р.

Мандарины Кузнецов 850 000 р fv1а11Дар•1ны КуЗfiСЦОВ 850 000 р.

Вшюг рад Соколоu 630 000 р Вин01 рад Соколов 630 000 р
ИТОГО 5 080 000 р итого 5 080 000 р.

..,. Сетка не должна п еретягивать внимание на себя. Делайте линии

бледными, чтобы не было визуальной загроможденности.

В н екото рых случаях можно о б о й ти сь во все б ез сетки. Срав н ите два

варианта та бл и ц ы .

Ва риан т 1 В ари ант 2

1 1
2 Продажи тоеароа no rодам 2 Продажи товаров no rодам
3
Год ТОАР 1 Touo 2 т- • То.ар<4 Toup 5 2t "'""f'
:ZOOSroд " "" " 008 48 084 р tG4 855 59 008 р
г•• ToN!!I то...
т�•е: э To!!f:4
tOOS roA " "' ' .. .." �8 011� р 104 855 р " "' '
2006 rо.ц � 801 р 62 827 р 47 49Э р 1 1 З 773 р 62 827 р
6 2006rод 56 801 р 62827 р 47493 р.. 1 1 3 77Зр 62827 р
2007rод 58 558 р 66 646 р. .. 902 1 2 2 691 .. ... t007roA bll 5!18 p .. ... , .. .,, , 1 22 6!1 \ р ..... ,
".. ..,. 60 3 1 5 70 465 р 46 3 1 1 р 1 3 1 609 Р 70 465 р II0 31 5 p 7tl 465 p 46 31 \ р 131 60!i p
,". ... " ... ,
62 072 р 74 28.d p 4S 720 p 1 40 527 р 74 284 р
- .... 200f f"O,I 62 072р. 742&4 р 45120р 1.0527 р 74264р
10 2CI10roд 63 829 р. 78 1 0З р 4 5 1 19 р а9 445 р 78 1 0 З р
10 201 0 roA &3829 р 18 10Э р 4 5 1 29 р 149445 р 78 \ОО р
11 2011 rод 6 5 586 р 81 922 Р 44 538 р 1 58 363 р 81 922 11 201 1 roA .. ... , St 9n o '""" 1 68 363р 1 1 922 р
12 201 2 !'QД 67 343 8 5 741 р 43 947 р 167 281 р 85 741 р 12 201 2 ro,tl 67 3Q p 8Р41 р 43 �7 р 1Ь7 281 р 85 7�1 р
13 2013 rод С9 1 00 р .. ... 43 356 р 1 76 199 р .. ... 1Э tot э ro,��, 69 1 00 р " "''" 433S6 p 176 1 9'il p .. ....
14 2014 rод 70 857 р 93 379 42 765 р 1 85 1 1 7 9З З19 р 14 2014 1"0,11 7tl857 p 9Э З79 р 42 765р 1 8S 1 17 p 93 379 р
15 2015itoA 72 614 р 97 1 98 р 42 1 74 р 194 035 97 1 \IS p. 15 201 5 ГОА nы•р 97 1 98 р. •2 174 р 1'МОЭ8 р 97 1 9 8 р
16 201 6 rод 74 З71 р 101 017 4 1 58З р 202 95З р 101 0 1 7 р 16 2015ГОА 74 3?\ р 101 0 1 7 р 41 Ш р 202.9$3 р 101 0 1 7 р
17 2017 rод 76 1 2 8 р 1 04 836 р 40 992 р 2 1 1 871 р 104 836 р 1 7 1017 ro,tl 76 1 28 р lo.t 836 p '"'' ' 2 1 1 87\ р 1 04 836 р
18 2011 ГОА 77 885 р 108 (155 . 40 401 р 220 789 р 1 0З 65S 18 20\lroA 77 8115 р 108 655 р 40 40\ р 220 7&9 р 108 655 р
19 19
2{) 20
21 "

Думаю, вы согл аситесь, что п равая в ы глядит аккуратнее и с н е й п р и ­

ятнее ра б отать.
 Гл ава 6. К а к оформл я ть табл и цы

Свою работу в Excel я всегда начинаю с того, что отключаю линии

сетки. Этот лайфхак для вас, если:

.,.. вам тоже визуально мешают линии сетки в Excel;

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

И так, чтобы убрать сетку в таблице Excel, вы п олните два п ростых дей­
ствия: на ленте программы Excel откройте вкладку Вид, найдите в групп е
Показать флажок Сетка и сбросьте его, щелкнув мышью. Вот и все.

D
е
Разметка стран1.щы ..t Строка формул
Масштаб 100% Масштаб no
-1 Заrоловки
ВЫДЕЛЕННОМ/
P�.:«:I1MDt nросмотрА ,;щоги Пока.J.дтъ М.кwтаб

Al

А D G н
l c:J
2

В
G
Разметка страницы о./ Строка формул
Масштаб 100%
-I Заголов ки
выделенному

м.н:штаь

Al

д G н
! c:J
2
 Оди н н адцать совето в по оформл ен и ю табл и ц

ПРОДАВЕЦ ТОВАР ПРОДАВЕЦ

ЯбЛОКfl И ванов 1 500 000,0 р Яблоки Иванов 1 500 000 р

Груши Петров 1 2 00000 р Груш11 Петров 1 200 000 р

Аnельсины Сидоров 900000 . 1 р Апельсины сидоров 900 000 р

Мандарины Кузнецов 850000.051 р Ма.iДарины ов 850 000 р

нец
К уз
Виноград Соколов 630 000 р Виноград Соколов 630 000 р

итого 5 080 000 р. итого 5 080 000 р.

.,. Всегда разделяйте разряды в больших числах : 1 О 000 000, а не

1 0000000. Этот совет относится как к диаграммам, так и к табли­
цам. Если за этим не следить, большие числовые значения воспри­
нимать гораздо сложнее .
.,. Знаки после запятой в большинстве случаев никому не интерес­
ны. Но если их действительно важно показать, то следите, чтобы
во всей таблице соблюдалось единообразие. Если показываете два
знака после запятой у одного числа, то два знака должны быть и у
всех остальных чисел.
 Гл ава 6. К ак оформл я ть табл и цы

..' .: •• 1 • ТО ВАР ПРОДАВЕЦ

Яблоки ив�нов 1 500 000 р

.. . . . . 1 руши Петров 1 200 000 р

i\,tфЩ@iiфM ЛnеJIЬСины Сидоров 900 000 р

WФ"''* МН: : . ... . Мандараtны Кузнецов 850 000 р

1 фii.ЩШ·М IЧ.I.t.&t.l Вино1 рад Соколов 630 000 р

011·11·

� Некоторые элементы дизайна в полне могут иметь право на сущес ­

твование, на пр имер п оочередная зали вка строк н еярк им цветом.
Но ни когда не сто ит п еребарщ ивать, иначе все вн иман и е буде т на ­
правлено на ф орму, а не на содержание.

Диза й н должен спосо б ство вать п о н и ман и ю, а н е п р е пятствовать ему.

 Оди н н адцать совето в по оформл ен и ю табл и ц

ГОВАР ПРОДАВЩ ТО ВАР ПРО[\дВЕЦ

Аnельсины Сидоров 900 000 р Яблоки Иванов 1 500 000 р.
fiИHOi paд Соколов 630 000 р 1 руши Пе 1 рон 1 200 000 р

Груши Петров 1 200 000 р Аnельсшtы Сидоров 900 000 р.

Нбооки Инанов 1 500 000 р Мандарины Кузнеце" 850 000 р

Мандарины Кузнецов 850 000 р [Jин о град Соколов 630 000 р

5 080 000 р 5 080 000 р

..,. Л огика размещения данных в та блице может быть разная, но она

должна быть. Обычно данные принято располагать от больших
значений к меньшим.
 Гл ава 6. К а к оформл я ть табл и цы

ТОВАР ИЗМГНFНИЕ ПРО)lАЖ ЗА ГО/1 ТОВАР ИЗМF11FНИГ ГiРО)lАЖ ЗА ГО/1

Руб. % Руб %
Rблоки 500 000 р 1 5% Лб11ОКИ 500 000 р 1 5%

85 000 р - 5% Г руши 8� 000 р 5%

Г руши

Аnельси н ы 90 000 р 5% Аnельсины 90 000 р 5%

Мандарины 350 000 р 1 7% Mat щариt tы зьо 000 р 1 /%

F!инot paf1 1 30 000 р 1� F!инot paf1 р

итого 725 000 р. 1 2% итого 725 000 р. 1 2%

..,.. Часто основное назначение таблиц с данными - выявить отрица­

тельные показатели. Не важно, какие - это может бы ть падение
выручки по отношению к прошлому г оду или превышение теку­
щих расходов над доходами. Выделив в отчете отрицательные зна ­
чения красным цветом, вы сразу сделаете е г о более ценным и на ­
правите внимание читателя, прежде все г о, именно на эти данные.

Пр имечание автора. В некоторых случаях ло гично выделять красным

цветом не падение, а рост показателей . Н апример, в ыросли расходы
или возр о сло время доставки товара.
 Оди н н адцать со в ето в по оформл ен и ю табл и ц

С помощью условного форматирования в Excel можно сделать так, что

отрицательные числа автоматически будут окрашиваться в красный цвет.

А в с D Е F G
1
2 Прибыль по годам
3 Нзменrнне при6ьтн за год
4 Год Выручка Расходы nеибыль Руб. •
5 2005 rод 5 504 400 р. 4 403 520 р. 1 1 0 0 880 р.

б 2006 rод 5 680 1 00 р. 4 544 080 р, 1 1 36 0 2 0 р. 3 5 1 4{) р. 3%

7 2007 rод 5 855 800 р. 6 441 380 р. ·585 580 р . · 1 72 1 бОО р. · 1 52 %

8 2008 rод 6 1 3 1 500 р. 6 634 650 р. ·503 1 50 р. 82 430 р. 14%

9 2009 rод 6 207 200 р. 4 9 6 5 760 р. 1 241 440 р. 1 744 590 р 347%

10 2 0 1 0 rод 6 382 900 р. 5 1 06 320 р. 1 276 580 р. 35 140 р. 3%

1 1 2 0 1 1 год 6 1 58 бОО р 5 246 880 р . 9 1 1 720 р. ·3б4 860 р. ·29%

1 2 2 0 1 2 rод б 1 34 3 0 0 р. 5 387 4 4 0 р . 746 8б0 р . · 1 64 860 р. ·18\

13 2 0 1 3 rод 6 9 1 0 000 р. 5 528 000 р . 1 382 000 р . 635 140 р. 85\

1 4 2 0 1 4 rод 7 0 8 5 700 р . 5 бб8 560 р . 1 41 7 1 40 р. 35 1 4 0 р. 3%

15 20 1 5 rод 7 2б 1 400 р. 7 987 5 4 0 р . ·72б 1 40 р. ·2 143 280 р. ·151%

1 б 2 0 1 б rод 7 437 1 00 р . 5 9 4 9 б 8 0 р. 1 487 4 2 0 р . 2 2 1 3 560 р. 305\

1 7 2 0 1 7 rод 7 б 1 2 800 р. 6 090 240 р . 1 522 560 р . З5 1 4 0 р 2%

1 8 201 8 rод 7 588 500 р. 6 230 800 р . 1 3 5 7 700 р . · 1 64 860 р ·11%

19

•
А в с D Е F G
1
2 Прибыль по годам
3 Н3мененне прн6ылн за год
4 Год Вы�lчка Расходы Пркбыль Руб. •
5 2005 rод 5 504 400 р . 4 403 520 р. 1 1 00 880 р.

б 200б rод 5 б80 1 00 р. 4 544 080 р . 1 1 3 6 020 р . 35 140 р. 3\

7 2007 rод 5 8 5 5 800 р . 6 441 380 р. -585 580 р. 1 72 1 6UO p 52\

8 2008 год 6 1 3 1 500 р. 6 б34 6 5 0 р. ·503 1 50 р. 82 430 р. 14%

9 2009 rод б 207 200 р . 4 9 6 5 7б0 р . 1 241 440 р . 1 744 5 9 0 р . 34 7%

1 0 201 0 rод б 382 900 р. 5 1 0б 320 р. 1 276 580 р . 35 140 р. 3\

11 201 1 rод 6 1 58 бОО р. 5 246 880 р. 9 1 1 720 р . 364 860 р ·29

1 2 201 2 rод б 1 34 3 0 0 р . 5 387 4 4 0 р. 74б 8б0 р . 1 >4 860 р 18

1 3 2 0 1 3 rод 6 9 1 0 000 р. 5 528 000 р. 1 382 000 р . 635 140 р. 85\

1 4 2 0 1 4 rод 7 0 8 5 700 р , 5 б68 560 р. 1 4 1 7 1 40 р . 35 !40 р. 3\

1 5 201 5 rод 7 261 400 р. 7 987 540 р. 726 1 40 р. ·2 143 280 р !51

1 6 201 б rод 7 437 1 00 р. 5 949 680 р . 1 487 420 р. 2 2 1 3 560 р. 305%

1 7 2 0 1 7 rод 7 6 1 2 800 р. 6 090 240 р. 1 522 5б0 р . 35 !40 р. 2%

1 8 201 8 rод 7 588 500 р. б 230 800 р. 1 357 700 р. · 1 64 860 р. 11

19

Для достижения этой цели выполните следующее.

 Гл ава 6. К а к оформл я ть та бл и цы

1. Выделяем нужный диапазон ячеек с данными.

2. На вкладке Главная в группе Стили открываем меню Условное фор­
мати рование и в подменю П равила выделен ия ячеек выбираем вари­
ант Меньше (рис. 6. 1 ) .
3 . В открывшемся диалоговом окне Формати ровать я чей ки , которые
МЕНЬШЕ в левое поле помещаем значение О (рис. 6.2. ) , а в списке
справа выбираем значение Пол ьзовател ьски й формат.
4. В открывшемся диалоговом окне Формат Я ч еек (см. рис. 6.2) п ере­
ходим на вкладку Шрифт и в палитре Цвет выбираем желаемый от­
тенок красного цвета.
5. Для завершения настройки просто щелкаем на кнопке ОК в обоих
открытых диалоговых окнах. В результате в выбранном диапазоне
ячеек все отрицательные значения будут отображаться заданным
оттенком красного цвета.

Форму11ы Данные Рецензирование 81о1д АСRОВАТ Q что вы xomre с:делатъ?

� УС/Iовное форматирование .. � Вставить ... L ..

Bt.tpi!IIHИIIi

r [мстоrраммы
� fо�вно.. - Цвеrоеые Wlal!Ы

Наборы 5Н.IЧКО8

О �()ц,щ, nрае.ило.

[i ��л1пь nравил;�

� .Qоеторяющм�я sн.ч�ия ..

Рис. 6. 1 . Определение правила форматирования отрица­

тельных знач ений
 Оди н н адцать совето в по оформл ен и ю табл и ц

А с D G н к м

ФopMilfИPONfb IIЧ�IfМ. II:OfOpbl� МЕНЬШЕ:

lo

Число Шрифт 1 1 1

n::J окуборылсужмчинеыр�нЬ!tl г--:

10 Гр1ница Эалмвк1
11
12
13
14
�
15 nоп)?l(ирны� к.урси1
16
..:J ..:J ..:J
17
г
!]•:::.
•":.:'•=
: '"="=
"":.::
"'�-----------, Цвtr.
18 .
1· а
19 8ИДOИ31dfH!!HI'II! 06РJ31!Ц
20
Р' }IЧI!pКН)'Тbltif
21
22
23
г
г � АаВЬ66Яя
--i
24
25 )'CJI08HOI! фQpMIТ\tpONHИI! l.tOЖ!!T IК/ttDЧITio 8 С1!6Я И:Sioi!!HI!HИf HIЧI!PTIHИJI WpИфtl И !! Г О Ц&I!T!I
26
27
28
29
30
31
32

Рис. 6.2. Зада ем условие и выбираем красный цвет шрифта

Э то п ра в ило будет де й ство вать постоя н н о, - есл и в ы в п и ш ете в яче й ­

ки этого диапазона другие з н а ч е н и я , заменив те ку щие, то в н о в ь вве­
де н н ые отри цател ь н ы е ч и сла, даже оказа в шиеся в тех я ч е й ках, в ко ­
торых п режде б ы ли п оложител ь н ы е значения , б удут а вто мати чески
ото б ражаться красн ы м цветом .
 Гла ва 6. Ка к оформл я ть табл и цы

Товар RH6 1 7 фее. 1 7 M<Jp 1 7 nnp 17 маи 17 Товар ЯIIB 17 фofl 1 7 мар 1 7 anp 1 7 ua11 1 1
l овар 1 f:l70 000 p О р )(}0 00О р /bO OUO p Up Tooapl б?О ООО р 190 000 р · IЬО 000 р
lовар2 О р. 770 000 р О р 780 000 р 760 000 р fовар7 770 000 р 780 000 р 760 000 р
ТоварЗ 220 000 р 8 1 0 000 р 1 9 0 000 р ТоварЗ ??0 000 11 8 1 0 000 р 1 Q0 000 p ? bll 000 р

Товар4 7-10 000 fl 730 000 р l овар4 140 oou р 730 000 р :1 1 0 U!ю р 1 1 0 ono Р
loвapS Ор О р 770 000 р. 7 1 0 000 р Т ова р 5 110 OUO р_ ? 10 000 р

l at�apб Тоnарб 1 0 0 000 р I ?O OOO p 1 90 000 р 7 1 0 000 р

Гооар7 5О 000 р Товар7 50 000 11 QO 000 р 80 000 р 60 000 р

Товара О р ()() 000 р 1 00 000 р Ор Товар8 QO OOO p 1 00 ()00 р
lовар9 • •• Ор 1 90 000 р l овар9 1 90 000 р
то вар 1 о ?-40 ооо р ?ЗО ооо р Товар1 0 740 000 р 730 000 р

• Встречаются таблицы, в которых присутствует много нулевых зна­

чений. Мой совет - окрашивайте эти нули в бледный серый цвет.
В результате внимание пользователя будет автоматически фокуси­
роваться на ячейках с ненулевыми, значащими величинами.
• Также в таблицах с формулами некоторые формулы могут возвра­
щать различные ошибки (такие, как #Н/Д, #ДЕЛ/О! и т.д.) . Такие
значения тоже советую выделять серым, чтобы они не отвлекали
внимание пользователей.

К а к о красить нули в серы й ? Так же, как и в красн ы й (см . л а йфхак N�14
в п р едыду щем раздел е) , тол ько в п одме н ю П равила выделения я ч е­
ек в этом случае в ы б и раем вариант Равно , а н е Меньше ( р и с . б.з).
 Оди н н адцать советов п о оформл е н и ю табл и ц

• 11 • д л

Ус 8МОt!' Ф..., р м".нч>ое С1и11и

· - .А.
rь
ж к ч • +
орщtиJ)' ын1 • �o;:�l( r.Юnощу • ячеек
• ФQI)I.,1"' •

6onьwt.

в с D G

5 Гмnоrрам�ы

С:: Ршо ::::> ...

Текст (одержит ...

- ДIIIta...

ДV; �' 8VIi<l

Рис. 6. 3. Окрашивание нулей в сер ы й цвет

А вот ответ на вопрос "Как окрасить в серый цвет ячейки с ошибка­

ми" достоин отдельного лайфхака, так как об этом мало кто знает.

В этом случае используем все то же меню Условное форматирование, но

выбираем в нем команду Другие п равила. Итак, выполните следующее.

1. Выделяем нужный диапазон ячеек с данными.

2. На вкладке Главная в группе Стил и открываем меню Условное фор­
матирование и в подменю П равила в ыделен ия ячеек выбираем вари­
ант Дру г ие п равила (рис. 6.4) .
3. В открывшемся диалоговом окне Соэдан и е п равила формати рования
(рис. 6.5) в верхнем поле выбираем вариант Формати ровать тол ько
я чей ки, которые содержат, а в раскрывающемся списке ниже, сле­
ва - значение Ошибки .
 Гла ва 6. Ка к оформл я ть табл и цы

4. Щелкаем на кнопке Формат и в открывшемся диалоговом окне Формат

я ч еек (рис. 6.6) выбираем в палитре Цвет желаемый оттенок серого.
5. Для завершения настройки просто щелкаем на кнопке ОК в обоих
открытых диалоговых окнах.

Cal lm 11 д· А 06щ.·о1 t ..
.1 ..
.J

s
Фopмaт�pol<lll• (т..tли
ж к ч ..1. .А. + + % • ФОрМ<:Н

MI!HЫUt! • • • Прааим отбо� пrрвых и nоспrдних �нач4!ний

в с D Е F G

Раано ... Ц11f!'УО8011! WK&.Abl

Наборы Jначко•

- ДoJHI ..

ПоаторАIОЩИКII J;Иaчi!HMA­

Qyra.�e npae:?::>
Рис. 6. 4. Опр е д еление правила форматирования ячеек

Создание правила форматирования х

Вы!iерите тиn n р а в и л а :

� Формати ровать все ячейки н а осн о в а н и и и х значений

• Форматировать только я чейки, которые содержат

.. Форматировать только первые или последние значения

• Форматировать тол ько з н а ч е н и я , кото рые находятся выше или н иже среднего

• Форматировать только у н и кальные или nовторяющиеся значения

� Исnользовать формулу для о nределе н и я форматируемых я чеек

Измен ите описание n р а в и л а:

Форматировать только ачейки, для которых выnолнRt!'ТСЯ сл�дующ�� условие:

Значение ячейки больше 1'

Значение ячейки
Текст
Даты

р м ат задан
Пустые Формат ...
не
Не�ые

::::Е"шибки
Без ошИбок
:::> ок Отмена

Рис. 6. 5. Форматируются только ячейки, содержащие ошибки

 Оди н н адцать совето в по оформл е н и ю табл и ц

- Фop/.l•!nJIOioJ!I. .,;:�,.,.(',...� ..oJ <Xt<йJ.ill" �" " ,.. �,....ew�o�...

"'" Фopu;trl'jiOUfl> IOA�KO 11104'>11\И, кoropto• СОА�*-01
., Фopo,lllмptlla'� 101\"Q !Wplllllll Кflol l1()c;JI:i'ДWIW J•td"ift.lr'� rrо11у.-..рнын
"'" Фop.l.ldll1:p08illb lf\/11<�1'1 Жd-H."'I, lr.OrOpьf' "d��!ПI I!Ьf<IJ1" IMV ...., JI<� СР"АМ�10 nQII)'Ж..pHitiИ II)'JXJ"e
... ФQvt,I"II'I)ON!io 10./!W:O f"'MII\oJ/ItrНW М�о.\ f'l0810ptt10ЩI1f'CII )Моi'К'I'"й
"' li\c:riO�Io10IЛI-. фt)p1-lf"Y ДJIII Onpl'дФ"..... ol ll фoj'11.1."11!oi�"'W' ...... �

И)�;отt Orn'C ..H-1.. ПP*IIWI.

ФорМ111Нр01111. 10�11:0 ltЧ-'iltи, AJIII ltOIOptotiC ....nOAHIIflCit UI•AYIOЩ.• )'UIOit\
О�мбt.,.

06р11tец: Формат ..е задан

Рис. 6.6. Выбор оттенка цвета для содержимого ячеек с ошибками

В результате в выбранном диапазоне ячеек все сооб щ ения об ошиб­

ках будут отображаться заданным оттенком серого цвета. Ч то нам и тре­
бовал ось.
 Гл ава 6 . К а к офо рмл ять табл и ц ы

1 9 90 год 11 1/Н 4 9 6 1'7 р 11 / 1 /В р � 84 3 р 49 6/1 р �З З?� р � 4 bl'7 p �6 0 1 9 р Ы З66 р �8 / 1 З р ЬО О60 р

1 99 1 I ОД SO ?O R р 49 966 р 49 ?5? р 65 754 j) 49 966 р 55 705 р 56 06? р 111 !11\ 56 776 р 57 1 33 р 57 АСЮ J1
1 992 r од IH/JI #Н/Jt bll �83 р ы /')11 р blJ 8(16 р �6 00/ р IH/11 М ?90 р
1 993 гол � 1 �30 р 11 1/Д � 1 3/О р М &�Ь р fi VД 66 /бО р 6/ 8 1 2 р 68 86-'l p 69 9 1 6 р

1 994 ГО/1 �З ?R/ р jf i/J\ 4R bl� p #Н/Д b� l 89 j) /:1 1 1 4 !i IIH/fl 111 1/Jt fl? Rfl!) p 1111/t 89 ЗQQ p

1 995 t oд _>_
&_ 44__:r_
0_ • __И_H__:
i/
-'-
1-4 8 084 1, /IIVI\ 111/Л 8 1 57З р 111/f\ 9? 49/ р 97 9 59 р 1 03 4 ? 1 р 1 08 88З р

1 996 1 0/1 111/J.t IН/Д 4 / � #Н/Д Ь1 81./ р� --,Нfitl l 0� 366 p IН/Д 1 ? 0 /ОО р #11/Д

1 99 7 ГОД �B bblJ p Иl l/}\ 46 90? р #1 11)1 11 1/Jt 98 1190 р 11 1/Д 1 1 8 73<1 р ltl l//1 1 3 / 9/8 р 1 4 / 8�0 р
l(J 1 998 1 0/1 60 3 1 S p 70 465 р 46 3 1 1 1' N\111\ 70 465 р 1 06 949 р lt i/Л 11111\ III VI\ 1 5 5 ?57 р 1 Ы ЗЗ4 р

11 1 999 1 ОД 67 0 / 7 р lti/Д 4 !J ПО р #НIН 111 ?84 � •нtJ I 1 ?9 690 1> IIOJI •нtд lt�IJI 1 86 8 1 8 JJ
1:1 20 0 0 Г ОД &З 829 р /8 I ОЗ р "� 129 р 11 1/Д t\1/Д hii/Д I -1 0 J!>З p 1 � Ь 1И 0 р rнm 1 89 8 1 -1 р 206 ЗО1 р

13 1001 , од ь� �вь р в1 9?? Р 44 ь:ш Р � �� зьз р в1 9?? Р 1111/t 1 �1 01 / р 1 Ь'J /0'1 р 11 11/1 'J0 / 093 p 7 ? � /8� р

14 200? 1 ОД 111111 4 9 1 89 11 �' 80 8� r) -t9 1 89 r 1111/1 57 /1.1 11 56 866 р 1111/1 5& 149 р #11/Л

15 2003 1 ОД �� !)ЗU р �1 З/U р #Н/Д 8/ 019 р �� З/0 р fН/Д ()� /08 р ЬЬ /60 р IHIJ.t Ь8 8М р Ь9 9 1 Ь р

16 2004 год hЗ ?fl/ р ЬЬ 1 А9 р 01 1/11 OI V/1 !)!) 18'1 р 11 11/1 /6 З/1 р ll tiJI 11 1/JI ll t//1 11 11/t

11 ?005 1 ОД [,5 04.1 1' �q 008 р 11 1/Л 1 04 855 р S9 008 11 111/Jl 111/Л. #1 111\ 9 / %9 р 103 411 р 1 08 883 р
18 20 0 6 1 ОД &6 801 р 1�1/Д IH!Jt 113 //3 р 67 81 / р IH/JI 9/ 699 р
'
t
1 0� 366 р 1 1 3 0"J3 p 1 70 /О Ор 1?8 :J61 p
1Q 7 0 0 1 ГОЛ bl:l Ы>О р 6Ь МЬ р rнщ 1 2:2 691 р &6 мь р 11 1/Д 1 08 ЗЫ р 1 1 8 2:З11 р 1 18 1 06 р I З / IJ/8 p #1 1/Ц
20 2008 ГО}\ fJ0 3 1 11 p / 0 46� р 46 З 1 1 р 1 3 1 (,0Q p /0 46� р llil/t 11 1//l 1 3 1 1 03 р 1 43 1 80 р 1 !1� 7Ы р 1 6 / 334 1'

?1 7009 1 ОД 61 01? 1> 14 ?R-1 р .1 �J 710 р 1 4 0 517 р /-1 18-1 р i'Н/Д 1 ?9 690 р IH/1\ 1111/1 1 /1 53G p 1 86 8 1 8 р

?_? 2 0 1 0 год ЬЗ 829 р /8 1 0З р .t � 1 29 p IH/JI /8 1 0З р IHI/I 1 -1 0 3�3 р I Ь.Ь 840 р 1 /З 37 1 р H l9 8 1 4 р ?ОЬ 301 1)
il ll}l 4 .t �18 p 1 t»8 36З р 81 977 р 1 3 7 3?� р 1 !1 1 0 1 / р 1 Ь'J /М р 1 88 40l p 11 11/t :l?h /8� р

:_>,1 1' 0 1 ? г ол Ы З4з 11 85 7 4 l p 43 947 ,, 1 67 ?81 р s�, 7 4 1 p 1 4 0 784 � 1 6 1 6Я1 р 11 1 111 1ОЗ 4П. р ??4 З7? v ?4 5 7(J9 ,,

2' 20 1 3 / ОД 6 9 1 00 р 89 �60 р 4З З&6 1J l /6 1 99 p 89 ::.60 р 1 4'1 ?4'l p l /? 344 p 1 9& -t 4 6 p 7 1 8 :>-18 р 7-1 1 6 t>O p ?64 /&? р

/6 1 0 1 4 ГОД 10 8�/ р 11 1/Д fi i/Д #Н/Д #11/)J. IHI.Ц 111/)J. 111/Д 11'1 1/Д 11 1/)J. 11 11!1
21 ?01 5 гол 1? 6 1 4 11 9 / 1 98 р 4 7 1 /4 р 1 9d 035 p 9 / 1 98 р 1 66 1 ЬО р 1 9З &n р 7?1 1 8 4 р ?48 69Ь р 71Ь ?О8 р зоа / ? О р

?8 70 1 6 год 74 3 7 1 р 1 01 0 1 / р 4 1 58З р /0? 95З р 1 0 1 Ol7 p 17-1 Ь 1 8 р ?04 335 1) IH!/1 ?ьз 169 р 111/Л :J?З 10:1 р

G Н
r од l овар б l ooap 7 !овар 8 1 овар 9 r овар 1 0 1 овар 1 1

1 990 r од �З 37� р M Ь I'l p !J6 0 1 9 p Ы З66 р � / 1 3 1> Ь0 060 р

1 9 9 1 I ОД � / /6 р 5/ l З З р � / 4� р

1 997 г од -"9 1 89 р 50 906 р �8 563 р 51 714 р :16 066 р �6 007 р 54 790 р

1 993 гол !)1 �зо " 49 766 " � 1 3 /О р М ЫЮ р 66 /60 р Ы 81 7 р 68 8М р 69 9 1 6 р

1 9911 r од !>З / 8 / р .-t8 Ь / Ьо р 5!) 1 89 p t / 3 1 1 -1 р 87 88� р 89 31)9 р

1
1 99 5 гол :,ь 044 р 48 084 р 81 �/3 р 9'1 4 9 / IJ 9/ %<) р 10:1 4 7 1 р 1 08 нвз р
1 9 96 ГО/\ .-t7 493 1' 61 81/ р
1
90 0З? р 1 0 5 :'1 М р +- 1 10 /ОО р
-+
1 997 1 ОД � ��В р -16 90? р 98 <190 р 1 18 734 р 1 3 / 9/8 р 1 -1 / 8�0 р
+
10 1 99 8 rод bU Зl !.I JJ /0 46!J p о16 З1 1 р /0 46!> р 10Ь 949 р l hS ? b l p l Ы :J:t�t 11

1 999 Г ОД 6? 0/'J р /4 ?R4 " 1 79 690 р l 8f1 R H I р

2--,
----, 0_
00
_ 1о
-'д 6_
'-- А_
Э_?9 -+--'-
"
--' А_ ОЭ_с
1_ ,_
р_<_ 1_--'р
?9 ------- --- 1 40 ЗSЗ р 1 �6 R-10 1> lM 814 р 706 301 р
+-
,1 2001 1 ОД 6� bltб p 8 1 922 р Н �З8 р 1 � 36З р 8 1 922 р 1 5 1 01/ р 1Ь9 /09 р 20/ 093 р 22� /8S р

1001 гол -1tJ 1 89 р �о 906 р но во4 р 49 1 R9 р �' 114 Р !J� 149 р

?�
---: 0�
0�3-I O
--'
Д
'--5 1--:
--: 5- --'p-+--5-
ЗO 1_З7
_ 0--'J_>_________ 0_
B7_ 1 9--'J-
' __ S_I Э�7�0�pt----- --�65�7�M�p--��� ---- C.S RM p 6Q 9 1 6 р
,6 2004 г од sз 78/ v s� 1 89 р s� 1 89 р /6 З t l р

7005 гол �s о.,-1 Р �IJ оо8 v 1 си 8�:> Р �9 оов r Q / IJ!-.9 р 1 0� 4 7 1 р 1 08 ШIЗ р

7006 Г ОЛ М1 ROI 1' 1 1 З /7З р Ь7 877 р 9/ 699 р 1 1 :1 03:l p 1 ?0 /ОО р l ? R ЗЬ/ р

2007 1 ОД S8 �58 р 66 646 р 1 7 ? 69 1 р 66 МЬ р 1 08 Зб7 р 178 106 р 1 3 / 9/В р

?О 7 00 8 1 01\ 60 З 1 � р 1 0 1.65 р -16 3 1 1 р 1 31 609 р /0 4t;�5 p 1 4 :1 1 80 р l S� 7!:11 р lЫ ЗЗ4 р

.._\ ?009 гол 67 о п " /4 ?84 " 4� /?0 [1 140 �')/ р /4 ?84 р 1 ?9 690 р 1 /? !-!:!Ь р 1 RЬ R1 R p

/2 20 1 о год 63 879 jl 7R 1 03 p 4 S 1 /9 JI 78 1 0 3 р 1 40 3�!З р 1 73 31/ р 1 R9 R I 4 p 706 301 р

д
-+
?3 20 1 1 r о ь� �8Ь р -1-1 !:JЗ8 р 1 � 36З р 8 1 927 р 1 З 7 З7S р I S1 01 / p 188 .. 01 р ?7� /8!:1 р
?1\ 70 1 7 ГОЛ 6 / Зо1З р BS / 4 1 р о1З 911 / р 1 6 1 281 р 8� / 4 1 р 1 -1 0 UИ р 1 61 601 р 103 4 / S р 274 :i /'l р 7-1!1 769 р

2-' 70 1 3 rод 69 1 00 р Н9 560 р -1 З ЗЬlJ р I /ГJ 1 99 p 89 �1bll p 1 4 9 74? р 1 7? 344 р 1 95 44 f1 p ? 1 8 548 Ji /41 6:,о р :1М / �,7 р

"6 70 1 -1 1 ОД /0 8 b l p

')'7 7 0 1 5 1 ОД !2 6 1 4 р 9 / 1 98 р -1 2 1 1<1 р 1 9.11 03S p 9 / 1 98 р 1 6 6 1 60 р 1 93 6 /2 р 2 2 1 1 8.11 р заз 120 Р

'8 7 0 1 6 гол /4 3 / l p 1 0 1 01 / р 4 1 !>RЗ р 70? 9 '>-1 р 1 01 01 / р 1 14 Ь1 8 р 104 ЗЗ� р :пз 703 р
 Оди н н адцат ь совето в п о оформл е н и ю табл и ц

I II-'OДABI:Ц Г II-'ОДАЖИ ТО ВАР ПРОДАВЕЦ

ЯбJЮКИ И ванов 1 500 000 р S1блоки Иванов 1 500 000 р

l pyw" П е 1 ров 1 200 000 р f руши lfe, rюн 1 200 000 р

ИПJrD ФРУКШ 2 700 000 р. итого ФI'Yl<Тhl 2 700 000 р.

O• ypцt,t Кузнецов 8 50 000 р. Огурцы Кузнецов 850 000 р

Помидоры Соколов 630 000 р l lомидоры Соколов 630 000 р

1 480 000 !1 1 �ВО ООО р

• Таблица лучше воспринимается, когда в ней легко считываются

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

В качестве альте р н ати в ы можно огра н и ч иться и спол ьзова н ием в ито ­
го в ых стро ках л и ш ь б ол ее ж и р н ого ш ри фта и бол ее я р ких гра н и ц.

ТОВАР П Р ОДАВЕЦ П Р ОДАЖИ

Яблоки Иванов 1 500 000 р .
Г руши Пет р ов 1 200 000 р .
1 Итого ф рукты 2 700 000 р .
О гу рц ы Кузнецов 850 000 р .
Помидоры Соколов 630 000 �-
1 Итого овощи
 Гл ава 6. Ка к оформл я ть табл и цы

1 КВАРТАЛ
3 hOO OOO p Ь ЫJО !ЮО р
? ООО ООО р з 00� 000 р Mc.!I J�V:-tl
1 500 000 р 2 500 000 р Маrаз11 12
/ОО ООО р l l OO OOO p. Расходы
Маl i..i З Ин1 400 000 > бОО ООО р MiJf iJ3Vrt1
Mat<HИHf ЗОО ООО р :,O[J Q(JO р
llpи()t,\1111 ? !300 000 р 4 400 000 р
Моrа�1И 1 1 1 1 600 ООО р 2 400 000 р
Маrазин2 1 200 000 р 2 000000 р

..,. Цветом можно выделять не только итоги. С его помощью можно

также выявить иерархию, когда в таблице несколько уровней дан­
ных. Верхний уровень логично выделять более темным цветом, а
нижний - более светлым.
В целом принцип такой:
Про даж и во всем мир е � Продажи в Российской Федерации �
Продаж в Мое ве

Чтобы продемонстрировать иерархию данных, вовсе не нужно Вруч­

ную добавлять пробелы перед текстом (я встречалась с таким решением
не раз). В Excel можно аВтоматически добавлять отступы в ячейках.
Кнопки добавления отступов находятся на вкладке Главная в группе
Вы равнивание. Выглядят они так: 1 � � 1· Правая кнопка - увеличить от­
ступ, левая - уменьшить. Вот наглядный пример их использования.
 Од и н н адцать совето в п о офо рмле н и ю табл и ц

Главная Вставка Рисование Разметка страницы Формулы

Roboto Light • 11 д д

ж к ч

А в о
1
2 Рос си йска я Федера ция
3 М о сква
4 М р ьин а
а
5 В ы хи но

б Бутово
7 - П ет
е р бур г
а н кт
8 Примо
С рский район
9 а он
Нев
ай
О К ск и й ркаирййгорн
е
1 и нн бу
а и нри
л е
2 т
Нки ж Н о о
ний о
Казань
Е
3 р д
вг
4

Вставка Рисование Разметка страницы Формулы

Roboto L•ght • 11 д· А

ж к ч . , . .А. . + ..

Буфер обмена Шрифт

G2 Jr
А в с о

1
2 Росси й ска я Федераци я
3 М о сква
4 М а р и на
5 В ы х иьн о
б Бутово
7 С а н кт-Петербург
8 и и а йон
й
9 Кал
Пр имноирнекий
ск р
район
1О Н евск и райо н
й
11 Екатеринбу р г
12 Н и ж н и й Нов г о
13 Казань
ор
д
14
 Гл ава 6. Ка к оформл я ть табл и цы

1 5<..) JOO р 2 ОСЮ ОСЮ р з 50:)000 р

1 0< ?()0 р 2 ;оо 000 р 3 000 000 D
.ю ооо р 1 · оо ооо р 1 500000 р

ыю ооо р 500 000 р 900 000 р М<и:Jза.tн8 '00 000 р , 500 000 р
400 :юа р ЗUG OfXI р 1)�; 000 р Ma. aзttнQ 6 (\ ( р QOO OOfJ р
M.JI' i13Шtl0 ·100 000 р зсо 000 р 700 000 р
20:1 000 р ЗОО ОСЮ р 600 000 р
M<Jt <.IJ1.1H1 1 21)\J CO р JO <XIO р blJO 0:0 р
1 OO::J р 20U oou � 500 000 р
MNttl�tн 1 ? } 1.0 1 n о Ор soo ооо р
'JOO р !Ю 000 р 400 000 р M<Ua3Шt13 50 000 р 80 000 р 400 :):,)Q p
13 оос р 10 000 р 1 0 00J p 10 Ор

.- Наверняка вы стаякивались с большими таблицами, которые не

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

Для достижения этой цели выполните следующее.

1. Откройте в Excel требуемую таблицу и перейдите на вкладку ленты

В ид.
2. В группе Окно откройте меню Закрепить области (рис. 6.7) и выбери­
те в нем требуемый вариант закрепления. Можно закрепить толь­
ко верхнюю строку, можно только первый столбец, а можно одно­
временно шапку с первым столбцом или даже несколько строк и
столбцов - верхняя команда в меню.
 Оди н н адцать совето в п о оформл ен и ю табл и ц

3. В последнем случае для указания, какую именно область таблицы

следует закрепить, необходимо предварительно, до выбора коман­
ды Закрепить области , поместить курсор в ту ячейку, выше которой
и левее которой находятся те области, которые следует закрепить.
Так, в случае закрепления первой строки и первого столбца курсор
должен находиться в ячейке 82 (см. рис. 6.7) .

м l.tf)
Выде.n�ные ароки и стоJ16цы всеrд• будут
еи.дны на !tltpillle 80 apP...,St nрокрутl(и IIЖ"Тlt

А в с D Е J �

3окр�nиrь n•р•ь•"' С1'оnЬ•ц

2 r ." .. ,

3
4
Чтобы закрепи т ь верхиюю строну и первый столбец,
5
курсор должt:.н стояп1ь на э т ой ячейке
б
7
8
9
10
11
12
13
14

Рис. 6. 7. Закрепление области таблицы

Те п ерь, перемещаясь по таблице вниз и/или вправо, вы всегда будете

видеть ее шапку и первый столбец.

Н е за б ы ва й те, ч то режим закрепл е н и я о бласт и устанавл и вается для

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

11 А Перенеп�оt re.:

ж к ч '
.А. · + Обьедtщ.,� �ot nоме<-rип. в uе•п� · s % ' .

Q R s т u v w х
16 р � 19 р 50 О р

17 f 4 р

18

<> 1
70

21

22

23
24
75 28 1 tiJ 1 � �р

26 3'! <;. О р L45 269 j:. 66 р.

27 1�4 003 р 'i 752 р

28 360 ' 5 р .е4 2,о Р

5r р 303 720 1

1' 4 2 �· 32 203 f!

4 JЭ 4';� р 7 �r 4Н 7 r-

464 t:: f) 1 44 r б 7 r

106'"" "''� С•р•нк·•••" Р.Н.\1 НК.11

1 Пp�ArT�IJ!1�ниll м.кwт.16 10СЖ. М.кwт.J5 П\) HQ8ot' YriOpя,do•IИIIo Зi!!tpef"l.. llo
РI!'*И'А (1�'"1...ЦЬt ВЬ!де. �нно"у &<.t оfма��

J, 480 4
А о р Q R s v w
Г од

15 7003 1 0/1

16 ?004 год

17 ?005 год

18 2006 год

19 ?О07 t од

20 2008 r од

21 2009 год

22 ? 0 1 0 1 011

?3 201 1 год

24 ?01 2 год

25 201 3 год

26 2 0 1 4 год

27 ?01 5 1 ОД

28 201 6 год

29 ? 0 1 / rод

30 201 8 год
 Оди н н адцат ь совето в п о оформл е н и ю табл и ц

Почему особенный? Потому что речь в нем пойдет о приложении

Word. Не могу не поделиться с вами этим приемом. Он будет весьма по­
лезен при необходимости предоставлять отчеты в формате Word, если
отчеты содержат таблицы.
Итак, внимание! В Word тоже можно закреплять шапки таблиц! В этом
случае при переходе таблицы на следующий лист ее шапка автомати­
чески будет повторяться! В свое время это было для меня очень прият­
ным открытием.
Все очень просто. Чтобы включить данный режим, выполните следу­
ющее.

1. В программе Word выделяем строку с шапкой таблицы.

2. Щелкаем на выделенной области правой кнопкой мыши и выби­
раем в открывшемся контекстном меню команду Свойства табли цы .
3. В открывшемся одноименном диалоговом окне переходим на
вкладку Строка и устанавливаем флажок Повторять как заголовок на
каждой стран и це. Вот и вся премудрость.
Гл а ва 6 . К а к офо рмл я ть табл и ц ы

11 ll ·� 16 11

СТо116ЕЦ 1 СтоЛЫl.IЭ Cro�&u4

,,� ,
.......
r;:1 twroт• ОЛ е.,.

"'"""

RoЬuto
ж к 4
� А Ail · д

..

Столы.ц 1 стопы:ц2 СТОЛБЕU З СТОЛБF U 4

-----�- ----
 Оди н н адцат ь советов п о оформл е н и ю табл и ц

Продавец ТОВАР П РОДАВЕЦ

IIOIJ()j(.ll И uаноu Мноки И LXtiiOU 1 500 000 р

Груши Пе 1 ров 1 200 000 р

Апельсины Сидоров 900 000 р

SU 000 00 1, Ма11дарины Кузнецов 850 000 р

Мандарины Кузнецов

ВИI !ОГрод Соколоn 630 000 р Винm paf1 Соконоu 630 000 р

5 080 000 р итого 5 080 000 р.

итого

С каким вариантом приведеиной выше таблицы вам будет удобнее

работать?
Если вы считаете, что с левым, обязательно свяжитесь со мной. Хочет­
ся с вами познакомиться, ведь вы - просто уникальный человек!
Вот какие основные огрехи оформления, заметно портящие общее
впечатление от таблиц с данными, я встречала чаще всего.

1. Разные границы.

Границы то есть, то нет. В одной строке они могут быть черными, а

в следующей - серыми.
2. Р азный шриф т.
Где-то черный Arial l О, где-то - серый Calibri 1 2 курсивом, причем
логики в этом никакой не прослеживается.
3. Разная заливка ячеек.
Одни ячейки окрашены желтым, другие - серым. Вариантов мо­
жет быть множество. Ч аще всего так выделяют ячейки в процес­
се работы просто для личного удобства, а потом забывают попра­
вить. И пользователь отчета невольно начинает ломать голову, что
же эта самая заливка должна означать.
 Гл ава 6. Ка к оформл ять табл и цы

4. Разное выравнивание.

В одной строке выравн иван и е содержимого установлено по право­

му краю, в другой - посереди не, где-то - по верхнему краю, а
где-то - по нижнему.
5. Р азный формат чисел .

Оди н, два, тр и знака после запятой. В начале есть разделени е раз­

рядов, а далее его уже нет. Все возможное многообразие вар и антов
я не раз встречала в одной и той же табли це.

Пр имечание аВт ора. Учтите, что перечисленные выше моменты касают­

ся строк одного уровня таблицы. Ф ормат шапки и итогов таблицы мо­
жет (и даже должен) чем-то отличаться от основного ее содержимого.

ПРОДДВFЦ ПРОдАЖИ
VH<J•IO! 1 500 C':�t ;) ТОВА Р П РОДАВЕЦ
l pytill 1строл l 'JOO OCY:' р
Пблоки Ившюв 1 500 000 р
1\J I('JJ!Qitii.Jt c.·д.'IJOtJ <JOO OOO p
M<IIJWIHЬI 850 000 р Груши Пе, ров 1 200 000 р
O�t iOi paд АnельсиНЬI Сидоров 900 000 р
ИТОГО
М;)вда р и i i Ы Кузнецов 850 000 р

Виноград Соколов 630 000 р

итого

Чтобы в изуал из ировать данные табл ицы, зачастую можно обойтись

вообще без построен ия отдельных д и аграмм. Для этой цели в Excel есть
два полезных и удобных и нструмента:

.,.. условное формат ирован и е;

.,.. спарклайны.
 Оди н н адцать советов п о оформл е н и ю табл и ц

С помощью условного форматирования гистограммы можно строить

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

1. На рабочем листе выделяем нужный диапазон ячеек с данными.

2. На вкладке Главная в группе Стил и открываем меню Условное фор­
матирование и в подменю Гисто г раммы выбираем желаемый вари­
ант заливки. Вот и все, желаемый результат получен.

Про� вил� 8�fl>fttния ячеек

. .. �-
t� ч� 0 Пр.ае ..".,.. от6ор.11 nt>peыx и nоUiедних Jн.аченм� •

сз j ГрЬДИ��ТН4Я .J.oiai1И8KtJ �
А в с ( t �
Цаето•ые wмоsлы
П родажи товаров t t
2
\Товар
Сnлоwная JaJIИBKIII
Наборы Jначкоа

3
4
Товарl
ГТОВЭ[>2
�------����
�<D�
t" rr: rr:
С мать np4sxn

5
.; Уда nрав�
fТоварЗ
щ,

8
l f ов
; Товар4
1 ар 5
Товарб
9 То ва р7
10 tтоварВ
11 Товар9
12 tтоварl О
13 tтoвapl l
14 �Товар 1 2
15 Товар l З
16 ;товар 1 4 -
17 fтовар 1 5
'8 ,
товар l б
19 Товар 1 7
20 Товар 1 8
21 Това р 1 9
22 Товар20
 Гла ва 6. Ка к оформл я ть табл и цы

д в с

П родажи товаров
Товар Продажи
Товар1 б'
4 Товар2
5 Товар3
Т_овар4
Товар5
Тоеарб
9 та ва 7
J>
10 Товара
11 Т_с>вар9
12 Това р 1 0
13 Товар1 1
14 Това р 1 2
15 Товар1 3
16 Товар1 4
17 Това рl �
18 Това р 1 6
19 TOB<IjJ 1 7 _
20 Товар1 8
21 Товар1 9
22 Товар20

23

В подменю Гисто граммы можно выбрать градиентную заливку, а мож­

но сплошную. По умолчанию в этом подменю представлено 6 различ­
ных цветов заливки, однако в этом меню можно также выбрать команду
Дру гие п равила и задать в открывшемся диалоговом окне Создание п рави­
ла форматирован ия любой желаемый цвет (и еще многое другое) .

Гра д и е н т н ая з ал и в ка Сп л о ш н ая за л и в ка Д р уги е п р а ви ла
Сплошная заливка, выбран свой цвет
Т овар П родажи Товар Продажи Товар П родажи
Товарl 61 8 / 7 / р Т о ва р 1 То в а р 1 61 8 1 / / р.
Товар2 б30 5 1 4 р Товар2 То в а р2 6JO 5 1 4 р.
ТоварЗ 11 1 262 р То ва р З Т о ва р З 1 1 1 262 р
Товар4 Товар4 Т о в а р4 J90 5 /6 р
Това р 5 Т о вар S Товар 5 1 0З0 9 1 0 р
Тоеарб Тоеарб Т оеарб 4б0 0% р
Товар7 Товар? Товар7 940 96� р
Товар8 Товар8 Товар8 1 1 30 358 р.
Товар9 Т овар 9 Т ов а р 9 1 1 07 9б3 р
Т о в ар 1 0 Тоеа р 1 0 Това р 1 0 6:!0 ?15 р.
Това р 1 1 Товар 1 1 Т овар 1 1 3/8 1 10 р
Товщ)1 2 Товар 1 2 Товар 1 2 1 007 843 р
Това р 1 3 Това р 1 3 Товар 1 3 1 070 954 р
Това р 1 4 Товар 1 4 Това р 1 4 843 249 р
Т о ва р 1 5 Товар 1 5 Това р 1 5 990 42? р
Това р 1 6 Товар 1 6 Тоеа р 1 6 751 1 24 р.
Товар 1 7 Товар 1 7 То�р 1 7 ' 1 ?5 91 7 р.
То ва р 1 8 Товар 1 8 Това р 1 8 965 03 1 р.
Товар 1 9 1 66 2Ь5 р Товар 1 9 Това р 1 9 1 66 ?55 р
Това 2 0 зьь 638 р Товар20 Товар20 366 638 р

Я п редпоч итаю сплош ную зал и в ку и всегда в ы б и ра ю сво й цвет, делая

е го н ея р ки м , что б ы ч и слов ы е дан н ы е в та бл и це б ыл и хоро ш о видн ы .
 Оди н н адцать советов по оформл е н и ю табл и ц

Спарклайны - это мини-графики, располагаемые в одной ячейке.

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

д В С [) Е G н

1 П родажи то в а р о в
2 Товар �1ш. 1 1 фсв. 1 / 1ro1ap. 1 / t)flp 1 7 маИ. l t июн. 1 1 Спарклайны

Tonapl J oo ooo p J 7o ooo p J 7n ooo p J QO OOO p :? J o ooo r- . ?· о оо

-
3

Тооар") О 00!1 р Ю ОПО р 1 00 000 р 1Щ0{)0 р I O CJ OOO p 1.,/Q IIOO p

- - - - т-
ТоварЗ ;tto ooo p 1 1 fiOO p 7 :.>о ооо р 7 1 О ооо р 'J l o oon p ?оо ооо р

l OU<Jp4 U/0 НОО р fJ 1 0 000 р /QO OUO р /ЬО 000 n 1�>0 000 р 7bl) 000 р
6

1 овар5 7!Ю ооо р по ооо n JQO ооо р 7flO ооо n 1110 ооо р 750 ооо р

В С D Е G н

П родаж и товаров
"Товар янв.171 фев п_ мар 1 7 anp 17 май 1 7 июн 1 7 Сnарклайны

Товар1 1 00 00U p I I'O UUU p 1 /0 0UO p ИU OUU p . •, O UOO p 7l0 000 p

Товар7 во ооо r) 9о ооо р too ooo p 9О ООО р J oo ooo p. qo ooo )

l·оварЗ ?40 000 р. 7ЗО ОО0 р ?/О ООО р / 1 0 000 р 7 1 0 000 р. ?tiO OOO p

l ОВЭр4 8/О ООО р 8 1 0 000 р /90 00(} р /60 000 р I'>O OOO p 760 000 р
6

Говар5 7�)о ооо р_ по ооо р /90 ооо р /80 ооо р /60 ооо р t '>O ооо р

Закономерен вопрос " А как их нарисовать!" Не пугайтесь, это очень

просто. Как и все в Excel. Главное - знать, куда нажимать.
Итак, чтобы построить мини-график (спарклайн) в отдельной ячей­
ке, выполните следующее.
 Гл ава 6. Ка к оформл я ть табл и цы

1. Помещаем курсор в ту ячейку таблицы, в которой будет находить ­

ся спарклайн.
2. Переходим на вкладку Вставка и в группе Спарклай н ы выбираем тре­
б уемый тип мини-графика; в нашем примере это Графи к (рис. 6.8) .

•
Тецr С�о�•,ЮIIы

д В С D Е G н к м

П родажи товаров
r�нв l / фев.1 7 мар. 1 7 anp 17 май. 1 7 июн l / Сnарклайны

1
Товар

Товар1 rз.-�;;�:;�----:-.� �-:,-;;�:�l�-;:�::::11..1

'-- - - - -- - - - - - - - - - - - - -- - - - - - - - - - - - - - - - . ----- --1
1 овар2 JO v 00 �-J 1 00 0)0 ?С ОО р

1 овар3 -tO DOO p О 1U U ПD р I O OOO p \О :Ю р JО ООЭ р

Touap4 60 000 14. О< 1 .,._,

ТоАар5

Рис. 6. 8. Построение спарклайна в ячейке таблицы

3. В открывшемся диалоговом окне Создан ие спарклайна в поле Диапа­

зон спарклай на указываем тот диапазон ячеек та блицы, в котором
находятся данные, на основании которых он будет построен (в на­
шем примере это диапазон СЗ : Н З ) .
4. Щелкаем н а кнопке О К - и спарклайн готов!
13

А В С D Е G н

П родажи товаров
Товар 17 фев 17 J..t a p 17 anp 17

l�]
янв маи 1 7 июн 17 _с
_ n_:
ар_кл
_а_
йн
-:ь:=
: о =-..,
r-

Товарl l OU OOO p l ?O OOO p 1 1 0 000 р. 1 90 000 р . ? 1 0 000 р ?20 000 p

Товар2 во ооо р 9О ООО р t oo ooo � 9О ООО р 1 оо ооо р 1IO DOO �J

ТоварЗ i'-tO OOO p 7З:J ООО р 770 000 р 7 1 0 000 р 7 1 0 000 р 700 000 р

Товар4 юо ооо р 8 1 D OOO p /rJO OOO � 7ЬО ООО р /SO OOO p 76О ООО р

т оварS 7Sf1 ооо r по ооо r 790 ооо р 780 ооо r Jбn ооо р 1 �0 ооо р
 Оди н н адцать со в ето в по оформл е н и ю табл и ц

Чтобы нарисовать спарклайны во всех остальных строках таблицы,

достаточно просто протянуть его вниз, как это делается при копирова­
нии формул.

Спа р кла й н ы б ы ва ют трех в идо в . П ом и мо вари а нта Гр афик , можно

в ы б рать ти п Гистограмма ил и В ы и гры ш /П рои гры ш (этот вариа н т
п одходит тол ь ко в том случае, если у вас есть от р и цател ь н ы е и п о ­
ложител ь н ы е з н аче н ия) . П и кто грамм ы эт и х трех ти п ов с п ар кла й н о в
расп олагаются в груп п е С пакла й н ы н а в кладке В став к а л е н ты .

Г р аф и к

'''' Г исто г р амма

1 1 11
1 Вы и гр ыш/ п р оиг р ы ш

Спарклаины

Измен ить цвет сп а ркла й н а, до б авить мар кер ы н а его г ра ф и к, задать

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

_!,l.ucf (�/!:t,. ,.t •

./ ... ,
• •• цн 1011J11.!-pot
��� �'А(! <i'Фо rp<JфO!ot r..<.IOtp;:,AM•I gь!Иij}I>Щi
t tpo,. щ•w

Экспериментируйте с удовольствием и изобретайте свои лайфхаки!

 Гл а ва 6 . Ка к оформл я ть табл и цы

Одиннадцать советов no оформлению табл иц

Чек-лист мастера визуализации

1. Светлые линии сетки

2. Понятный формат чисел З· Простой дизайн

4· Логи ческий порядок 5· Красные отрицательные

значения
 Оди н н адцать со в ето в по оформл е н и ю табл и ц

6. Серые нули и ошибки 7- Шапка и итоги

8. Понятная иерархия g. Закрепление шапки и первого

столбца

1 0. Единый формат 11. Диаграммы в ячейках

8 ДО Б Р Ы Й ПУТЬ !
 Гла ва 7. В доб р ы й путь !

Совсем небольшой процент людей получают удовольствие, когда

смотрят на сухую таблицу с данными. Еще меньший процент легко вос­
принимают цифры в тексте.
Визуализируйте! Теперь у вас есть все необходимые инструменты для
легкого и быстрого создания качественных диаграмм в Excel.
Мы с вами достигли многого!

.,.. Определили основные правила визуализации, и теперь каждый

ваш график будет профессиональным и попятным. А предложен­
ный мной чек-лист поможет не забыть все эти правила .
.,.. Выделили семь наиболее распространенных ошибок при создании
графиков и диаграмм .
.,.. Рассмотрели примеры неудачных диаграмм. На этих реальных
примерах вы увидели, что может получиться, если игнорировать
правила визуализации .
.,.. Изучили приемы, которые позволяют существенно упростить по­
нимание ваших диаграмм пользователями. Вы также получили по
ним готовую памятку .
.,.. Вдохновились идеями диаграмм для решения разных бизнес-задач .
.,.. Поняли, как любую таблицу данных можно сделать попятнее и
удобнее с помощью несложного форматирования. Предлагаемый
чек-лист напомнит вам все мои советы!
.,.. Наконец, узнали, как все это можно осуществить с помощью ста­
рой-доброй программы Excel.

Помните: овладеть мастерством визуализации совсем несложно. Не­

обходимо только быть немножко психологом и заботиться о своем поль­
зователе. Глядя на готовый отчет с диаграммами, каждый раз задавайте
себе вопросы " Понятна ли идея из графика? Увидит ли пользователь те
данные, на которые я хотел обратить внимание? Будет ли информация
считываться желаемым образом?"
 В доб р ы й п уть !

Я надеюсь, что практические приемы и готовые решения, описанные

в этой книге, пригодятся вам и упростят вашу каждодневную работу с
числами. А также вдохновят на новые идеи!
Все чек-листы и памятки из книги я опубликовала на своем сайте сво­
ей онлайн-школы визуализации данных - http : 1 / exce l l e nt repo r t s . ru /
che c kl i s t s . Скачивайте и пользуйтесь. Их можно повесить на стенку у

рабочего компьютера. Полезно и красиво. А заодно можно впечатлять

случайно зашедшего директора серьезностью вашего отношения к сво­
ей работе. Глядишь и премия не за горами.
А если вы фанат визуализации, как и я, и хотите оставаться на связи,
присоединяйтесь к моему блогу в Инстаграме @ data . v i s . Это сообще­
ство профессионалов, увлеченных анализом данных. В блоге я анализи­
рую кейсы неудачной визуализации, веду видеорубрику "Фишки Excel"
и делюсь приемами наглядной аналитики.
Желаю вам попятных и наглядных отчетов!

P.S.
Петя и Маша познакомили сь в книжном магази н е, когда выбирали
книгу о визуализации данных. Очень скоро Петя легко получил долго­
жданное повышение, а Маша - годовую премию, и очень скоро, доволь­
ная, она ушла в декрет. Мама Пети приходит к молодой семье в гости по
выходным и помогает с любимым внуком.
Владимир не побоялся получить обратную связь от коллег. Он осоз­
нал свои ошибки и прошел обучение по наглядной аналитике. Уже на
следующей конференции Владимир заработал признание коллег и по­
лучил звание "Спикер года".
 П Р ЕДМ ЕТН Ы И Yl< ЕЛ Ь

динамики изменения, 66
Акцент цветовой, 1 О 1 круговая, 82
одна подпись на несколько, 1 20
перекрытие столбцов, 1 1 1
Бренд, 1 05 результатов опроса, 69
представление на гистограмме, 1 08 целевой аудитории, 145
представление на диаграмме, 1 07 Динамика
фирменный стиль, 1 05 гистограмма, 1 3 5
долей, 1 4 1
за много лет в процентах, 1 3 2
Визуализация, 26
линейный график, 1 3 3
инструменты, 26
нескольких рядов данных, 129
назначение, 30
одного ряда данных, 130
основные
ошибки, 57
приемы, 90 Закрепление названий строк, 1 68
принципы, 52 Заливка строк, 1 54
полезные приемы, 1 1 1 Значения максимума и минимума, 99
правила, 38
способы, 26
цель, 35 Инструменты визуализации, 26
Вспомогательная ось, 123 История
Владимира, 23; 185
Маши, 20; 1 8 5
Гистограмма, 77; 1 08; 135 Петра, 1 7; 185
ошибки, 85
График
по результатам опроса, 7 1 Круговая диаграмма, 59; 82; 1 09
с несколькими линиями, 1 05 Крупные маркеры, 1 3 1
текущий и прошлый годы, 1 04

Лайфхак в Word
Данные с отрицательными закрепление шапки таблицы, 1 7 1
значениями, 1 56 Лайфхаки в Excel
Диаграмма вспомогательная ось, 1 24
виды, 3 1 выделение отрицательных
вспомогательная ось, 123 значений, 92; 1 57
выбор, 35 выделение ошибок, 1 6 1
 П редметн ы й у казател ь
закрепление строк и столбцов, 168
код формата чисел, 95
линии сетки, 1 52
нестандартные подписи, 1 43
отступы в ячейках, 1 66
оформление таблиц, 1 50
перекрытие столбцов
диаграммы, 1 1 3
пробелы между столбцами, 1 3 7
размер маркеров, 1 3 1
расстояние между столбцами, 1 1 5
скользящее среднее, 1 1 9
смещение подписей от осей, 1 47
смещение точки пересечения
осей, 147
спарклайны, 1 77
условное форматирование, 1 75
цвет подписей отрицательных
значений, 93
Легенда, 129
Линейный график, 64; 1 3 3
Линейчатая диаграмма, 62
Линии сетки, 1 5 1
Маркеры данных, 1 3 1
Незначимая информация, 103
Нестандартные подписи, 143
Нули и ошибки, 1 60
Оси, 147
Ответы "Да-Нет-Не знаю': 97
Отрицательные значения данных, 92;
1 56
Оформление таблиц, 1 50
Ошибки визуализации, 57
Перекрытие столбцов, 1 1 1 ; 1 35; 1 36
Правила визуализации, 38
выбор цвета, 47
единообразие, 48
корректность чисел, 45
лаконичный дизайн, 4 1
логический порядок, 40
минимализм, 43
отказ от сложности, 44
полнота описания, 46
правильный выбор типа, 39
соблюдение цветовой гаммы, 49
удобство сравнения, 42
Презентация, 74
Прогноз, 1 40
Прогнозные значения, 1 03
Пространство между столбцами, 1 1 4
Разделение разрядов чисел, 1 53
Серый цвет, 1 03
Скользящее среднее, 1 1 6
построение, 1 1 7
Советы по оформлению таблиц, 1 80
Спарклайны, 1 77
Сравнение
выручки, 143
плана с фактом, 1 42
по многим категориям, 1 3 7
Таблица
единство формата, 1 73
заливка строк, 1 54
нули и ошибки, 1 60
размещение данных, 1 5 5
структура данных, 1 66
шапка и итоги, 1 65
Тренд, 1 39

Условное форматирование, 1 74
Фирменный стиль, 105
Форматирование числовых
данных, 1 53
Цвет
ассоциации, 129
значения максимума и минимума, 99
незначимая информация, 103
ожидаемые цвета, 1 0 1
ответы "Да-Нет-Не знаю': 97
П редметн ы й у казател ь
палитра бренда, 105
памятка использования, 1 1 О
приемы использования, 9 1
прогнозные значения, 103
расстановка акцентов, 1 0 1
текущий и прошлый годы, 1 04
Цель визуализации, 39
Числа, 45
корректное представление, 1 53
Шапки и итоги в таблице, 1 65
 Чек-листы и памятки

Схема "Алгоритм выбора простых диаграмм" . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36

Чек-лист " Одиннадцать правил визуализации данных" .... . .......... . .
.. ....... 50
Памятка " Одиннадцать приемов использования цвета " . . . . . . . . . . . . . . . . . . . . . . . 1 1 0
Чек-лист " Одиннадцать советов по оформлению таблиц" . . . . . . . . . . . . . . . . . . . . 1 80

Лайфхак NQ 1 . Как автоматически выделять

отрицательные значения на диаграмме . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92
Лайфхак NQ2. Как на диаграмме автоматически сделать
красными подписи отрицательных значений . . . . . . . . . . . . . . . . . . . . . . . . . . . 93
Лайфхак NQ3. Как настроить перекрытие
двух рядов данных на диаграмме . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 1 3
Лайфхак NQ4. Как уменьшит ь расстояние между столбцами
диаграммы ...................................................................................... 1 15
Лайфхак NQS. Как построить скользящее среднее автоматически . . . . . . . . 1 1 9
Лайфхак NQ6. Как добавить на диаграмму вспомогательную ось . . . . . . . . . 1 24
Лайфхак NQ7. Как сделать большие маркеры . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 3 1
Лайфхак NQ8. Как добавить пробелы между столбцами диаграммы . . . 1 3 7
Лайфхак NQ9. Как сделать так, чтобы ось У на диаграмме
в этих пробелах не отображалась . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 38
Лайфхак NQ 1 0. Как сделать нестандартные подписи на диаграмме . . . . . . 1 43
Лайфхак NQ 1 1 . Как сделать, чтобы вертикальная ось пересекала
горизонтальную ось не в нулевом значении . . . . . . . . . . . . . . . . . . . . . . . . . . . 14 7
Лайфхак NQ 1 2 . Как расположить подписи категорий дальше от оси . . . 147
 Лайфхаки Excet

Лайфхак NQ 1 3 . Как легко и быстро убрать линии сетки в Excel ............ 1 52

Лайфхак NQ 14. Автоматическое выделение
отрицательных значений в Excel ................................................ 157
Лайфхак NQ 1 5. Автоматическое выделение ошибок в Excel ................... 161
Лайфхак NQ 16. Как сделать отступы в ячейках Excel ............................... 1 66
Лайфхак NQ 1 7. Как закрепить шапку таблицы в Excel ............................ 1 68
Лайфхак NQ 1 8 . Особенный ............................................................................ 171
Лайфхак NQ 19. Услов н ое форматирование . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 75
Лайфхак NQ20. Спар клайны . . . . . . . . . . . . . . . .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 77
EXCEL 20 1 6
БИБЛИЯ ПОЛЬЗОВАТЕЛЯ

Если вы хотите создавать диаграммы,

Джан Уокенбах импортировать и обрабатывать
данные, автоматизировать
выполнение задач с помощью VВА­
макросов или работать в облаке,
продолжая работать с программой
Excel, Джон Уокенбах расскажет,
как это делается в своей книге
Ехсе/ 2016. Библия пользователя.
Полностью обновленный с учетом
всех новейших возможностей Excel
2016, этот бестселлер насыщен
методами, подсказками и приемами,
полезными как для начинающих,
так и для опытных пользователей.
Узнайте о новинках Ехсе\ 2016,
освежите в памяти основы
Excel - рабочие листы, формулы,
функции, диаграммы, научитесь
обрабатывать данные самыми
разными способами, включая
импортирование, структурирование и
анализ. Овладейте такими полезными
средствами Excel, как спарклайны
(инфолинии), автозаполнение, пакет
анализа или новый инструмент
Скачать & преобразовать.
Откройте для себя мощь такого
аналитического средства, как
сводные таблицы, проанализируйте
данные и определите имеющиеся
www. d i a l e kt i ka .com
в них тенденции и шаблоны.
Создавайте свои VВА-макросы,
добавьте на рабочие листы элементы
управления и попробуйте работу
с событиям Excel. Поработайте
с файлами рабочих книг с
примерами, которые можно
загрузить с веб-сайта этой книги.

ISBN 978-5-99089 1 0-0- 5 в продаже

 Мастерство визуализации данных
Эта к н и га - мастхэв для а н ал итиков и руководител е й . О н а полезна всем, кто за н и мается
бизнесо м . Анал итикам и м а р кетал ога м о н а п ослужит отл и ч н ы м пособием с гото в ы м и
идея м и , ш а бл о н а м и и и н струм ента м и . А руководител я м да ст по нять, ка к должна
выглядеть действител ь н о ка честве н н ая визуал изация да н н ых. Цифры - это язык бизнеса.
И этот я з ы к должен быть по нятн ы м и н а глядн ы м .
Николай Молибог, Генеральный директор РБК

Классн ы й учеб н и к по визуал иза ции да н н ых! Авто р дает п ол ную ка ртину о своем
п р едм ете, за кото рую ценят луч ш и е учеб н и ки и держат под рукой н а стол ь н ы е к н и г и .
Пусть и эта к н и га ста н ет ва шей на стол ь н о й , - особе н н о е сл и вы руководител ь,
п р едп р и н и м ател ь, собстве н н и к бизн еса, - чтобы начать распо ряжаться цифра м и и
фа кта м и на н о вом уровне мастерства .
Екатерина Иноэемцева, основатель #FreePиЬ/icitySchool, автор бестселлеров,
спикер конференции TEDx, колумнист Forbes

Уме н и е с и стематиз и р о вать и пр а вил ь н о отоб ражать да н н ы е - это м астерство, которое и

я сам опа ч и ва ю все годы своеи ра боты и п ереда ю колл е га м . Кн и га дает р е ш е н и я ко всем
зада ч а м по визуал изации и задает ста ндарт работы с н а глядн ой а нал ити кой.
Виктор Чеканов, генеральньtй директор
онлайн-кинотеатра Megogo в России

Эта к н и га на по рядок повысит урове н ь отч етности, сдела ет ее п о нятной, л е гко ч ита е м о й
и кра с и в о й . Бла года ря е й мастерство визуал изации да н н ых в с к о р о м врем е н и будет
освое н о каждым, кто хочет до н ести до аудито р и и свои м ы сл и в граф и ч еском виде.
Елена Демья нова, ведущий специалист бухгалтерской фирмы
Aristotel Fiпапсе ОИ

'""" Ольга Базалева - руководител ь отдела исследова н и й и б и з н ес-а нализа в Р Б К.

До этого н ескол ько л ет работала в круп н е й ш и х меди а к о м п а н иях и рекл а м н ых
аге нтствах, в том ч и сл е в Аф и ш а , Р а м блер, AdWatch lsobar. О н а создател ь блога
в И н ста граме о визуал изаци и да н н ых, собстве н н ого са йта с н а глядн ы м и обзо р а м и
р ы н ко в data-vis.ru и основател ь о н л а й н - ш кол ы "Excellent".

M S Ехсеl/графика, дизайн

ISBN 978-5-6040723-7-0
1 8
� 41JД,1aoi1UIQ
www . d i a l e kt i k a . c o m

Data V i s u a l i z a t i o n
9 785604 072370