Вы находитесь на странице: 1из 32

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

Инфографика
средствами Excel и
PowerPoint

Тел.: +7 (495) 967-66-70


E-mail: academy@academy.ru

УЦ «Сетевая Академия ЛАНИТ»


Москва, Доброслободская, 5
Инфографика средствами
Excel и PowerPoint
Мы уже привыкли к тому, что все чаще информацию нам стараются подать с элементами инфографики. Визуальные
материалы воспринимаются и запоминаются быстрее, чем символьные. Образы подтягивают в нашем мозге эмоции и
аналогии, с символами все намного сложнее.

К визуализации данных в СМИ, интернет-ресурсах, печатных изданиях часто привлекают дизайнеров и художников. Но
нередко инфографика нужна в более «скромных» ситуациях — например, для представления информации в отчетах
организации или отдела, подведения итогов этапа или проекта, анализа результатов определенного периода. Для этих
целей привлечение дизайнеров может быть слишком затратно по финансам и времени.

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

Это значит, что все ниже описанное может использовать среднестатистический пользователь, имеющий на своем
компьютере стандартный офисный пакет, включающий Excel и PowerPoint.

Я работаю преподавателем и руководителем группы разработки учебных материалов в учебном центре «Сетевая Академия
ЛАНИТ» более 10 лет и, когда провожу разработанный нами курс по инфографике, то обычно начинаю так: «Наш курс не
для дизайнеров, а для тех сотрудников, которым нужно научиться правильно применять доступные средства для быстрого
и качественного представления данных».

Оглавление:
Как быстро создать иконки из символов и рисунков?

Как создать нестандартную фигуру и использовать ее как часть создаваемой инфографики?

Как текстовую информацию заменить графическим объектом?

Как использовать значки и иконки в диаграммах вместо легенды?

Какие и как используются диаграммы для визуализации итогового значения?

Как с помощью «бабочки» сравнить два набора данных?

Как при создании инфографики использовать реальные данные, которые могут меняться во времени?

www.academy.ru
1
Как создать иконки из
символов и рисунков?
Как быстро создать иконки из символов и рисунков?
У многих, подозреваю, как и у меня, были такие ситуации, когда нужно быстро заменить текстовые подписи или легенды в

Как быстро создать иконки


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

Вот тут мне на помощь пришли шрифты Webding и Winding, а еще возможность копировать любую текстовую надпись и

из символов и рисунков?
вставлять ее как рисунок. И вуаля, у меня куча значков!

Как быстро создать иконки


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

Итак, преобразуем символ в изображение, используя функционал PowerPoint.

Как быстро создать иконки


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

из символов и рисунков?
Затем также на вкладке Вставка выбираем команду Символ.
В открывшемся окне в поле со списком Шрифт выбираем шрифт Webding или Winding и находим
нужный нам символ. Выделив символ, нажимаем кнопку Вставить и закрываем диалоговое окно
Символ.
Далее, выделив надпись, назначим нужный нам размер и цвет для символа.

Как быстро создать иконки


Теперь нам необходимо вырезать выделенную надпись любым из доступных способов: комбинацией

из символов и рисунков?
клавиш, контекстным меню или кнопками на ленте.

А вот вставить предлагаю с помощью контекстного меню, вызвав его в нужном месте слайда и выбрав
команду Рисунок в группе Параметры вставки.

Как быстро создать иконки


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

из символов и рисунков?
Кстати, этот рецепт можно использовать и в Excel.

www.academy.ru

Как быстро создать иконки


Как создать иконки из
символов и рисунков?
Теперь чуть усложним и рассмотрим процесс создания иконки, как на рисунке.

Как быстро создать иконки


из символов и рисунков?
Ингредиентами нашего рецепта будут круг с заливкой и надпись с символом из шрифта Webding. А далее ловкость рук и
никакого мошенничества. Начнем.

Как нарисовать круг, я уверена, вы знаете. Только чтобы он получился правильным,

Как быстро создать иконки


не забудьте удерживать клавишу SHIFT.

из символов и рисунков?
Как создать надпись и вставить в нее символ, рассматривали чуть выше.

Я не буду останавливаться на вопросе подгона размеров фигур и символов, выборе


цвета - это все сугубо индивидуально, и вам самим это решать.

Как быстро создать иконки


А вот далее нужно наложить надпись на круг, затем выделить область с помощью
мыши, захватив круг и надпись полностью, и на контекстной вкладке Средства
рисования\Формат в списке кнопки Объединить фигуры выбрать команду

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

Как быстро создать иконки


Для выделенного полученного изображения добавим эффект с помощью списка
команд Эффекты для рисунка на контекстной вкладке Работа с рисунком\Формат.
Рекомендую для начала использовать варианты из списка Заготовка.

из символов и рисунков?

Как быстро создать иконки


из символов и рисунков?
Вот так просто можно создавать значки и иконки самостоятельно в PowerPoint и Excel. Это была удочка, рыбачьте!

www.academy.ru

Как быстро создать иконки


2

Как создать нестандартную


фигуру?
Как создать нестандартную фигуру и использовать ее как часть создаваемой
инфографики?
Как создать нестандартную
фигуру?

Как создать нестандартную


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

фигуру?
померяться силой. Благо с планиметрией у меня все неплохо. И с помощью команд объединения фигур и настройки их
объема реализовала несколько вариантов, которые мне больше понравились из примеров в интернет.

Пример искала для циклического процесса из 4 этапов. Даже без примеров было ясно, что шаблоном будет круг или квадрат.

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

Как создать нестандартную


фигуру?

Как создать нестандартную


И тут Остапа понесло… Захотелось добавить объема…

фигуру?

Как создать нестандартную


фигуру?
Из инструментов только те, что есть в PowerPoint, а результат впечатлил.

www.academy.ru

Как создать нестандартную


Из инструментов только те, что есть в PowerPoint, а результат впечатлил.

Давайте для примера рассмотрим создание объемной фигуры из кольца для кругового цикла средствами PowerPoint.
Как создать нестандартную
фигуру?
Давайте для примера рассмотрим создание объемной фигуры из кольца для кругового цикла средствами PowerPoint.

Как создать нестандартную


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

Круг уже создавали, так что кольцо вы точно создадите на слайде, но и

фигуру?
тут не забудьте удерживать клавишу SHIFT.

Кроме этого, создадим прямоугольный треугольник, из которого будем


делать стрелку. И снова не забывайте про SHIFT, так ваш треугольник
будет не только с прямым углом, но и равносторонним. Треугольник
надо скопировать 3 раза, чтобы получилось 4 заготовки для стрелок.

Как создать нестандартную


фигуру?

Как создать нестандартную


Первый треугольник повернем на 45 градусов, и лучше для этого

фигуру?
использовать область Формат фигуры, там на вкладке Размер и
свойства в поле Поворот можем указать точное нужное значение.

Область вызывается с помощью контекстного меню объекта.

Наложим треугольник на кольцо в верхней его части.

Второй треугольник повернем на -135 градусов и разместим на нижней


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

www.academy.ru
Как создать нестандартную
фигуру?
Третий треугольник повернем на -45 градусов и разместим в левой
части кольца, выровняв по направляющей. Четвертый треугольник

Как создать нестандартную


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

фигуру?

Как создать нестандартную


Выделим все построенные объекты с помощью выделения области
мышью так чтобы все из них попали в эту область. Далее на
контекстной вкладке Средства рисования\Формат в списке кнопки

фигуру?
Объединить фигуры выберем команду Фрагмент.

Самый центральный фрагмент удалим, так как он явно лишний. А вот


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

Как создать нестандартную


Для создания одной стрелки выделим 4 фрагмента: дуга и 3 части
треугольника, затем на вкладке Средства рисования\Формат

фигуру?
установим одинаковый цвет заливки и контура для всех выделенных
фрагментов. Следующие стрелки формируем аналогично.

Выделим область мышью так, чтобы все объекты попали в эту область,
и на контекстной вкладке Средства рисования\Формат в списке
кнопки Группировать выберем команду Сгруппировать.

www.academy.ru
Как создать нестандартную
фигуру?
Теперь добавим объема, а для этого в контекстном меню объекта
выберем команду Формат фигуры…

Как создать нестандартную


фигуру?

Как создать нестандартную


В области Формат фигуры на вкладке Эффекты раскроем группу
Формат объемной фигуры. В ней установим для параметра
Глубина цвет и размер. В данном примере цвет выбран серый, а

фигуру?
размер 60 пт.

Как создать нестандартную


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

Если ранее инструменты для создания псевдообъема в PowerPoint вы не использовали, то самое время начать.

www.academy.ru
3

Как текст заменить


графическим объектом?
Как текстовую информацию заменить графическим объектом?

Как создать нестандартную


фигуру?

Как создать нестандартную


Как часто вы видели в презентациях текст в виде простых списков или надписей, размещенных по какому-то замыслу
автора, но не совсем ясному для зрителя? Я часто.

фигуру?
И вроде бы уже в нескольких версиях Office развивают и наполняют различными вариантами функционал Smart-Artов, но
получается, как в анекдоте про кошку, которую не любят, потому что не умеют готовить. Со смарт-артами похожая
история, не используются они зачастую лишь потому, что с ними не разобрались и не научились настраивать под свои
нужды.

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

Как создать нестандартную


на вооружение и не использовать смарт-арты по назначению.

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

фигуру?
Разместив смарт-арт на слайде презентации или в текстовом файле и поместив в него нужный текст, можно не только
изменить и настроить общее цветовое решение, но и каждого конкретного объекта внутри смарт-арта.

Размер также меняется как для всего, так и для конкретного объекта внутри.

Вот смарт-арт простого цикла:

www.academy.ru
Как текст заменить
графическим объектом?
Как создать нестандартную
А вот пример результата редактирования и форматирования этого смарт-арта стандартными средствами.

фигуру?

Как создать нестандартную


фигуру?

Как создать нестандартную


Мне как-то потребовалось визуализировать линейный процесс, но варианты имеющихся смарт-артов показались

фигуру?
простоватыми, а примеры дизайн-шаблонов в интернете были выразительней и более подходящими. Опять я на
распутье… И пошла я своей дорогой. Для решения таких задач рекомендуется объединять имеющийся смарт-арт и
возможность создавать фигуры сложной формы.

В результате вот такой симбиоз получился.

www.academy.ru
Как текст заменить
графическим объектом?
Как создать нестандартную
А теперь по порядку. Создадим линейный процесс с фигурными выносками.

Создадим смарт-арт, выбрав вариант


Простая временная шкала.

фигуру?

Как создать нестандартную


фигуру? Увеличим длину и уменьшим высоту объекта.
А чтобы области с текстом не отображались,
как в нашем примере, введем в каждую
пробел.

Как создать нестандартную Для создания фигурной выноски


первоначально нарисуем фигуру с названием
Капля. Не забываем про SHIFT! Изменим эту

фигуру?
фигуру, увеличив хвостик до нужного нам
положения с помощью перемещения желтого
маркера.

Теперь повернем фигуру хвостиком вниз. Как я


уже раньше говорила, для этого лучше
использовать область Формат фигуры. В
контекстном меню объекта выберем команду
Размер и положение…

В области на открывшейся вкладке в поле


Поворот установим значение 135 градусов.

www.academy.ru
Как текст заменить
графическим объектом?
?
Нарисуем круг, так же используя клавишу
SHIFT, но диаметром меньшим, чем у капли.
Для удобства подбора размера можно сразу
наложить круг на каплю.

Как создать нестандартную


фигуру?
Выделим область мышью так, чтобы обе
фигуры полностью попали в нее.

Как создать нестандартную


фигуру?
На контекстной вкладке Средства
рисования\Формат в списке кнопки

Как создать нестандартную


Объединить фигуры выберем команду
Вычитание.

фигуру?
Переместим полученную фигуру и соединим с
первой точкой временной шкалы.

www.academy.ru
Как текст заменить
графическим объектом?
Скопируем созданную фигуру и назначим ей
другой цвет заливки и контура. Переместим и
соединим со второй точкой временной шкалы.
?

Как создать нестандартную


фигуру?
Выделим только вторую точку временной
шкалы и назначим ей цвет, как у фигуры.

Как создать нестандартную


фигуру?

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


форматируем аналогично, выбрав нужный
цвет.

фигуру?

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

www.academy.ru
4

Как использовать значки и


иконки в диаграммах?
Как использовать значки и иконки в диаграммах вместо легенды?

Как создать нестандартную


фигуру?

Как создать нестандартную


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

фигуру?
Вариантов множество, и этот функционал был в Excel еще до нулевых, ой, до 2000 года.

Значки можно вставлять как заполнение для специально добавленного ряда или вместо меток.

Как создать нестандартную


фигуру?

Выделим об
мышью так, чтобы
фигуры полно
попали в нее.

На контекстной вкл
Средства
рисования\Формат
списке
www.academy.ru
кн
Объединить фи
выберем ком
Как использовать значки и
иконки в диаграммах?
Рассмотрим первый пример линейной диаграммы, которая демонстрирует прогресс выполнения плана по отделам.

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


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

фигуру? будет подогнать под нужные пропорции значка после


построения диаграммы.

Выделим всю таблицу и построим линейчатую


диаграмму с накоплением.

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


отключим основную горизонтальную ось. Для этого

фигуру?
удобнее всего использовать кнопку Элементы
диаграммы.

Для подписей вертикальной оси можно добавить


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

Как создать нестандартную Выделим ряд данных План и вызовем контекстное меню,

фигуру? в котором выберем команду Формат ряда данных.

На вкладке Параметры ряда уменьшим боковой зазор


между данными.

Выделим об
мышью так, чтобы
фигуры полно
попали в нее.

На контекстной вкл
Средства
рисования\Формат
списке
www.academy.ru
кн
Объединить фи
выберем ком
Как использовать значки и
иконки в диаграммах?
Перейдем на вкладку Заливка и границы.

В группе Заливка установим параметр Градиентная

Как создать нестандартную


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

фигуру?

Как создать нестандартную


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

Как создать нестандартную


фигуру? По уже знакомой схеме создадим из символа шрифта
Webdings с изображением мотоцикла рисунок.
Выполним обрезку и отразим его слева направо.

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


Выделим
способом: комбинацией клавиш, контекстным меню или об
командами на ленте. мышью так, чтобы
фигуры
Затем выделим на диаграмме ряд дополнительных полно
попали
данных и вставим значок комбинацией клавиш в нее.
CTRL+V.

На контекстной вкл
Средства
Мы рассмотрели только вариант размещения рисунка в области ряда, но рисунками можно заполнять ряды, а также
заменять ими маркеры точек ряда.
рисования\Формат
списке
www.academy.ru
кн
Объединить фи
выберем ком
5

Как используются диаграммы


для визуализации?
Какие и как используются диаграммы для визуализации итогового значения?

Как создать нестандартную


фигуру?

Как создать нестандартную


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

фигуру?
вычисляемое итоговое значение на данный момент времени для наглядности отображать не просто числом, а визуальным
объектом - диаграммой. Или, например, вам надо показать ключевые показатели эффективности (KPI). Для таких целей
зачастую используют диаграмму термометр, но и круговая отлично подойдет.

Вот ряд примеров.

Как создать нестандартную


фигуру?

Выделим область
мышью так, чтобы обе
фигуры полностью
Подробнее остановимся на первом примере. попали в нее.
В основе кольцевая диаграмма, точнее, две. Одна как заготовка для кольца с одинаковыми секторами, а вторая для
На контекстной вкладке
отображения самого значения. Добавив подписи и значки вместо легенды, можно создать целое табло с показателями.
Средства
рисования\Формат в
списке кнопки
www.academy.ru
Объединить фигуры
выберем команду
Как используются диаграммы
для визуализации?
Теперь по порядку.

Как создать нестандартную


Для создания заготовки на листе Excel выделим любую пустую
ячейку.

фигуру?
На вкладке Вставка в группе Диаграммы выберем вариант
диаграммы Кольцевая.

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


выберем команду Выбрать данные…

Как создать нестандартную


фигуру?
В окне Выбор источника данных нажмем кнопку Добавить.

Как создать нестандартную


фигуру?
В окне Изменение ряда в поле Имя ряда введем текст
Заготовка. Это нам поможет в дальнейшем не спутать заготовку
с реальными данными.

Здесь же в поле Значения введем строку


={1;1;1;1;1;1;1;1;1;1;1;1}. Это заготовка для 12 секторов
кольцевой диаграммы, но можно сделать и 8, и 16. Важно, чтобы
значение было кратно четырем, так сектора симметрично будут
расположены относительно друг друга.

Закроем окна Значения и Выбор источника данных кнопками


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

На контекстной вкладке
Средства
рисования\Формат в
списке кнопки
Объединить фигуры
www.academy.ruкоманду
выберем
Вычитание.
Как используются диаграммы
для визуализации?
Отключим отображение заголовка и легенды диаграммы.

Как создать нестандартную


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

фигуру?

Как создать нестандартную


Теперь нам надо добавить отображение самих значений.

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


еще одно, которое позволит построить второй сектор кольца.

фигуру?
Сделаем дополнительный расчет. В соседней ячейке вычислим
разницу между единицей и имеющимся значением. То есть
получим значение, недостающее для построения полного
кольца в 100%.

Чтобы добавить еще один набор данных в диаграмму, мы

Как создать нестандартную


вызовем на ней контекстное меню и выберем снова команду
Выбрать данные.

фигуру?
В окне Выбор источника данных нажмем кнопку Добавить.

Выделим область
Теперь имя ряда зададим как Данные. мышью так, чтобы обе
фигуры полностью
А в поле Значения введем ссылку на диапазон с вычисленными
попали в нее.
данными, выделив мышью две ячейки с процентами.

Снова закроем окна Значения и ВыборНа контекстной


источника данных вкладке
кнопками ОК. Средства
рисования\Формат в
списке кнопки
Объединить фигуры
www.academy.ruкоманду
выберем
Вычитание.
Как используются диаграммы
для визуализации?
Как создать нестандартную
Вызовем контекстное меню на добавленном кольце и выберем
команду Изменить тип диаграммы для ряда.

фигуру?

Как создать нестандартную


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

Как создать нестандартную


фигуру?
Выделим сектор, который отображает итоговые данные и
назначим для него параметр Нет заливки. Назначить
параметры форматирования можно с помощью мини-панели
форматирования или команд ленты контекстной вкладки
Работа с диаграммами/Формат, но мне удобнее с помощью
области форматирования.

Выделим область
мышью так, чтобы обе
фигуры полностью
попали в нее.

На контекстной вкладке
Средства
рисования\Формат в
списке кнопки
Объединить фигуры
www.academy.ruкоманду
выберем
Вычитание.
Как используются диаграммы
для визуализации?
Теперь выделим сектор дополнительных расчетов и назначим

Как создать нестандартную


для него заливку белым цветом и прозрачность 25%. Для этого
лучше в контекстном меню сектора выбрать команду Формат
точки данных.

фигуру?

Как создать нестандартную


фигуру?
Увеличим толщину колец. Это удобнее сделать, если в области
форматирования в списке Параметры диаграммы поочередно
выбрать ряды с данными.

Как создать нестандартную


фигуру?

Выберем ряд Заготовка и на вкладке Параметры ряда в


области Формат ряда данных установим бегунок для
Выделим
параметра Диаметр отверстия, в % от общего диаметра в
область
мышью
нужное нам положение. Уменьшая значение, так, чтобы обе
мы увеличиваем
толщину кольца. фигуры полностью
попали вдля
Аналогично устанавливаем диаметр отверстия нее.ряда
Данные.
На контекстной вкладке
Средства
рисования\Формат в
списке кнопки
Объединить фигуры
www.academy.ruкоманду
выберем
Вычитание.
Как используются диаграммы
для визуализации?
Как создать нестандартную
Осталось добавить подпись значения и значок или символ для
легенды.

На вставке значка в область кольца останавливаться не буду,

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

А вот добавить подпись предлагаю не установкой параметра


отображения подписей данных в диаграмме, а с помощью
надписи.

Как создать нестандартную


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

фигуру?
ячейку с итоговым значением, которое и строили. Для
завершения нажмем клавишу ENTER.

Отформатируем надпись, увеличив размер шрифта, добавим


полужирное начертание и цвет шрифта. Переместим надпись в

Как создать нестандартную


нужное положение. Рекомендую

выровнять содержимое надписи по ее центру.

фигуру?
И чтобы вся эта конструкция у вас не «разъехалась», ее следует
сгруппировать, а для этого надо выделить область диаграммы
и далее, удерживая клавишу CTRL, значок и надпись, на
контекстной вкладке Работа с рисунками\Формат в списке
кнопки Группировать выбрать команду Сгруппировать.

Выделим область
мышью так, чтобы обе
фигуры полностью
попали
В итоге мы получили кольцевую диаграмму с отображением сектора, который равен текущему итоговому в нее.
значению.
Удобство этого способа в том, что при изменении итогового значения, а, следовательно, и результата в ячейке,
На контекстной
использованной для дополнительного расчета и построения диаграммы, и кольцевая диаграмма будет меняться.
вкладке
Средства
Остальные примеры, которые приведены в начале этой темы, также строятся с помощью небольших дополнительных
рисования\Формат в
вычислений, комбинирования параметров настройки диаграмм и наложения графических элементов.
списке кнопки
Объединить фигуры
www.academy.ruкоманду
выберем
Вычитание.
6

Как с помощью «бабочки»


сравнить два набора данных?
Как с помощью «бабочки» сравнить два набора данных?

Как создать нестандартную


фигуру?

Как создать нестандартную


Сравнивать два набора данных — тоже нередкая задача. Можно, не мудрствуя, использовать гистограммы или графики, а
можно немного изюма добавить, например, использовать диаграмму с красивым название «Бабочка». В ней ряды данных

фигуру?
отображаются симметрично относительно вертикальной оси, напоминая крылья бабочки.

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

Вот как они в результате будут выглядеть.

Как создать нестандартную


фигуру?

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

Далее нужны настройки отображения элементов самих диаграмм.


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

На контекстной вкладке
Средства
рисования\Формат в
списке кнопки
www.academy.ru
Объединить фигуры
выберем команду
Как с помощью «бабочки»
сравнить два набора данных?
Приступим.

Как создать нестандартную


У нас есть таблица с двумя наборами данных в
столбцах. Добавим еще три ряда данных.

В первый внесем повторяющееся значение, оно

должен
фигуру?
позволит нам сделать подписи столбцом между
«крыльями». Второй дополнительный столбец
рассчитывать разницу между
максимальным значением данных, если это
десятичные значения, или между 100% и

Как создать нестандартную


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

фигуру?
На рисунке то, что должно получиться.

Серым выделены данные, которые должны


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

Как создать нестандартную


вспомогательные для построения.

Теперь выделим диапазон данных, в который

фигуру?
включим 5 наборов данных с заголовками. В
примере на рисунке это будет диапазон C3:G9.

Для построения диаграммы на вкладке Вставка в


группе Диаграммы выберем вариант
Нормированная линейчатая с накоплением.

Отключим отображение названия диаграммы, осей


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

На контекстной вкладке
Средства
рисования\Формат в
списке кнопки
www.academy.ru
Объединить фигуры
выберем команду
Как с помощью «бабочки»
сравнить два набора данных?
Чтобы изменить порядок рядов для правильного
отображения наших «крыльев», на диаграмме в

Как создать нестандартную


контекстном меню любого ряда выберем команду
Выбрать данные.

фигуру?

Как создать нестандартную


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

фигуру?
рядов, находящихся не на своем месте.

В нашем примере в итоге список будет выглядеть


как на рисунке.

Закроем окно кнопкой ОК и продолжим настройку


диаграммы.

Как создать нестандартную


Выделим ряд Подписи и назначим параметр Нет
заливки и Нет контура с помощью мини-панели

фигуру?
форматирования.

Аналогично настроим эти параметры для правого


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

На контекстной вкладке
Средства
рисования\Формат в
списке кнопки
www.academy.ru
Объединить фигуры
выберем команду
Как с помощью «бабочки»
сравнить два набора данных?
Теперь можно отключить отображение легенды и
немного увеличить высоту прямоугольников. Для
этого в контекстном меню любого ряда выберем

Как создать нестандартную


команду Формат ряда данных… В области Формат
ряда данных на вкладке Параметры ряда с
помощью бегунка уменьшим боковой зазор.

фигуру?

Как создать нестандартную


Осталось добавить подписи данных и при желании
вставить значки вместо легенды.

фигуру?
Для рядов Мужчины и Женщины поочередно
добавим отображение подписей данных, используя
контекстное меню ряда или кнопку Элементы
диаграммы. Для ряда Мужчины установим
положение подписи у основания внутри, а для ряда
Женщины у края, внутри.

Как создать нестандартную


Добавим подписи данных для ряда Подписи. Вот
они явно нас не устраивают, здесь должны

фигуру?
отображаться названия месяцев, а не значение 40%.

Выделим подписи данных ряда Подписи и в


контекстном меню выберем команду Формат
подписей данных. В открывшейся области в группе
Параметры подписи мы отключим параметры
линии выноски и значение, но установим
параметр значения из ячеек. В появившемся окне
укажем с помощью мыши диапазон меток данных, то
есть список месяцев в диапазоне B4:B9.

Выделим область
мышью так, чтобы обе
фигуры полностью
попали в нее.

На контекстной вкладке
Средства
рисования\Формат в
списке кнопки
www.academy.ru
Объединить фигуры
выберем команду
Как с помощью «бабочки»
сравнить два набора данных?
При желании можно увеличить тип и размер шрифта
для всех подписей.

Как создать нестандартную


фигуру?
Если хочется, чтобы январь отображался вверху

Как создать нестандартную диаграммы, то следует сделать настройку для


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

фигуру?
Затем в контекстном меняю оси выберем команду
Формат оси… и в области Формат оси установим
параметр Обратный порядок категорий. Также с

Как создать нестандартную помощью кнопки Элементы диаграммы отключим


отображение вертикальной оси.

фигуру?

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

На контекстной вкладке
Средства
рисования\Формат в
списке кнопки
www.academy.ru
Объединить фигуры
выберем команду
7

Как использовать изменяющиеся


реальные данные?
Как при создании инфографики использовать реальные данные, которые
могут меняться во времени? Как создать нестандартную
фигуру?

Как создать нестандартную


фигуру?
Я уже говорила, что не умею рисовать. Мои умения заканчиваются на раскрасках и применении шаблонов, копирок и
трафаретов. Именно поэтому работу дизайнеров и художников я уважаю и ценю. Но условия работы подчас не дают
возможность использовать их способности просто потому, что нет времени на «все эти красоты».

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

Как создать нестандартную


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

Давайте рассмотрим частую ситуацию, когда есть таблица, собирающая данные по неделям, месяцам или году. Важно,
что это «живая» таблица, в нее вносятся новые данные, корректируются уже введенные. Какие-то расчетные данные из

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

В самой таблице не всегда удобно отслеживать несколько значений одновременно, но на новом листе рабочей книги мы
можем сделать таблицу со ссылками на эти данные и уже для этой таблицы или конкретного значения построить
диаграмму или целый ряд диаграмм (дашборд). Такие ссылки обновляются мгновенно, и поэтому мы будем видеть на
диаграмме последние актуальные данные таблицы.

При этом возможность вставить лист Excel на слайд PowerPoint или в текстовый документ Word как связанный объект тоже
дает возможность готовить отчетные документы в привязке к промежуточным данным, просто обновляя связи между
документами. После того, как отчет будет окончательно готов, связи можно разорвать, оставив последние актуальные
данные.

Еще не представили, как это может быть? Тогда давайте на примере.

Я наткнулась на сайт https://www.thesmallman.com/. Выделим область


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

На контекстной вкладке
Средства
рисования\Формат в
списке www.academy.ru
кнопки
Объединить фигуры
выберем команду
Как использовать изменяющиеся
реальные данные?
Вот один из примеров — файл AgeInfo.xlsx

Как создать нестандартную


На листе Ageing размещены данные, которые используются для построения дашборда на листе AgeInfo.

фигуру?

Как создать нестандартную


фигуру?

Как создать нестандартную


фигуру?

Выделим область
мышью так, чтобы обе
фигуры полностью
попали в нее.

На контекстной вкладке
Средства
рисования\Формат в
списке www.academy.ru
кнопки
Объединить фигуры
выберем команду
Как использовать изменяющиеся
реальные данные?

Как создать нестандартную


фигуру?

Как создать нестандартную


фигуру?

Как создать нестандартную


фигуру?
В этом примере на дашборде отображается информация о численности населения старше 65 лет по странам.

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

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

Представили? А теперь попробуйте сами реализовать такую связь на своем примере. То есть выбрать из исходных
данных те, которые хотите визуализировать, создать на них ссылку с другого листа и построить несколько диаграмм,
включая хотя бы одну из рассмотренных.
Выделим область
Это всего лишь несколько примеров из того многообразия вариантов, которые позволяет реализовать пакет MS Office. Мы
мышью так, чтобы обе
практически не затрагивали примеры с комбинированными диаграммами и теми диаграммами, которые появились в
версиях 2016 и 365. фигуры полностью
попали в нее.
А если что-то не получилось или хотите продолжения, ждем вас на онлайн-курсе по инфографике!

Статья «Инфографика средствами Excel и PowerPoint» на Хабре На контекстной вкладке


Средства
«Инфографика средствами Excel и PowerPoint» - часть 2
рисования\Формат в
списке www.academy.ru
кнопки
Объединить фигуры
выберем команду
О «Сетевой Академии ЛАНИТ»
Больше, чем обучение!

25 1000
 2 место в рейтинге IDC по направлению ИТ-обучение («Competitive
Profiles and Analysis of Leading IT Services Players in Russia, 2018»)
 Авторизованный учебный центр Microsoft, IBM, SUSE, Amazon,
«Лаборатории Касперского», Базальт СПО, РЕД СОФТ, Astra Linux, лет курсов
PostGres Professional
 Авторизованные курсы VMWare, Dell EMC
 Учебный партнер IVANTI (LANDESK Software), ГК «Современные
технологии управления» (Business Studio), Micro Focus, «НТЦ ИТ
РОСА»
1 000 000слушателей

Наши преимущества

Входим в ТОП-3 Являемся структурным Разработка и создание


ведущих учебных подразделением ГК «ЛАНИТ» – дистанционных
центров страны лидером отрасли курсов «под ключ»

Авторизованный партнер Вариативные форматы Развитая инфраструктура:


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

Собственный проектный отдел. Сертифицированные Собственная видеостудия


Успешная разработка и реализация преподаватели для создания обучающих
образовательных проектов анимационных или игровых
любых масштабов роликов, свой штат дизайнеров,
собственная съемочная группа

www.academy.ru
Больше, чем обучение!
www.academy.ru