9 видов инфографики и их применение ( шаблоны инфографики)

9 видов инфографики и их применение (+ шаблоны инфографики)

types of infographics

Хотите знать, какую инфографику выбрать для представления своих данных? Тогда эта статья для вас.

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

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

В каталоге шаблонов Venngage инфографика разделена на 9 категорий.

Как работать с диаграммами

Когда диаграмма построена, можно приступать к работе с ней, а также настройке ее внешнего вида. Для этого перейдите во вкладку «Конструктор». Здесь есть возможность настроить различные параметры созданной диаграммы, например, поменять стиль оформления, изменить тип, подтип и т.д.

Например, чтобы поменять типа диаграммы и ее подтип, щелкаем по кнопке “Изменить тип диаграммы” и в открывшемся списке выбираем то, что нам нужно.

Нажав на кнопку “Добавить элемент диаграммы” можно раскрыть список действий, который поможет детально настроить вашу диаграмму.

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

Довольно полезно, наряду со столбиками, иметь также конкретное значение данных для каждого из них. В этом нам поможет функция подписи данных. Открываем список, нажав кнопку “Добавить элемент диаграммы”, здесь выбираем пункт “Подписи данных” и далее – вариант, который нам нравится (в нашем случае – “У края, снаружи”).

Готово, теперь наша диаграмма не только наглядна, но и информативна.

Основные ошибки в визуализации данных

1. Логичное расположение данных

Визуализация с помощью Data Science, image #11

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

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

2. Простой дизайн

Визуализация с помощью Data Science, image #12

Чем проще выглядит диаграмма, тем лучше. Нужно избегать различные графические эффекты: яркие цвета, градиенты, рисунки, тени и 3D эффекты.

Это только отвлекает от нужной информации.

А порой и искажает данные: чаще всего это происходит при использовании объемных круговых диаграмм.

Визуализация с помощью Data Science, image #13

Например, на левой диаграмме зелёный сектор кажется намного меньше синего, хотя он составляет ровно половину. А на двумерной диаграмме искажения не происходит, мы с легкостью можем сравнить размеры секторов.

3. Избегайте нагромождений

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

Нужно избавляться от неинформативных загромождающих элементов:

Визуализация с помощью Data Science, image #14

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

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

На первый план всегда нужно выносить основную информацию.

4. Грамотное использование видов диаграмм

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

Если нужно проиллюстрировать однотипные данные, то гораздо эффективнее оформить их в одном стиле:

Визуализация с помощью Data Science, image #15

5. Грамотное сочетание

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

Есть некоторые кем-то установленные правила, к которые мы привыкаем. Например, с детства все знают, что мужской цвет – голубой, женский – розовый.

Если проигнорировать эти «установленные нормы» и изменить цвета, то может возникнуть затруднение в понимании.

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

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

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

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

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

На рынке программного обеспечения можно найти больше 30 сервисов.

Мы перечислим лишь некоторые из них:

  1. Tableau;
  2. R Studio;
  3. Python, первые шаги в изучении которого поможет сделать наш открытый онлайн-курс;
  4. Plotly;
  5. Google Data Studio.
  6. Power BI, работе с которым можно научиться на нашем курсе «Power BI и Power Query».
Читайте также:  Как увеличить прибыль на 100 процентов: пример расчета в Excel

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

Форматирование

При выделении данной области, на ленте отобразится вкладка «Работа с диаграммами» с тремя подразделами «Конструктор» , «Макет» , «Формат» .

На вкладке «Конструктор» в группе «Макеты…» можно выбрать один из предложенных видов. Если Вам нужно добавить круговую диаграмму в процентах, кликните на соответствующий ей макет.

Теперь выделите подписи для долей, кликните по одной из них правой кнопкой мыши и выберите из меню «Формат подписей данных» .

После этого слева откройте «Параметры подписи» и выберите расположение подписи и что в нее будет включено.

На вкладке «Макет» можно включить/отключить отображение легенды и название.

Создание таблицы показателей

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

Для примера возьмем демографические показатели России в конце 20-го – начале 21-го веков.

табличные данные

Пример табличных показателей

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

Piktochart

Piktochart – это веб-инструмент, в котором есть шесть приятных бесплатных шаблонов (в платной версии их намного больше) для создания простой графики.

Можно добавлять простые графики, гистограммы и секторные диаграммы на основе данных из CSV-файлов или вводить их напрямую. Возможен экспорт файлов в форматы PNG и JPG в разрешениях для печати и для веб. Обратите внимание: при использовании бесплатной версии в нижней части загруженного PNG- или JPG-изображения появляется маленький водяной знак Piktochart.

Easel.ly

Другой бесплатный онлайн-сервис для создания инфографики – Easel.ly. С ним не получится создать график на основе реальных данных, но он отлично подходит для визуализации идей и историй.

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

«Рейтинг Рунета» — поможет найти оптимального подрядчика из ТОП-100 креативных digital-агентств. Узнайте, какие веб-студии обладают лучшими креативными командами.

Infogr.am

Ещё один бесплатный онлайн-инструмент – Infogr.am – обладает прекрасным интерфейсом для создания простой инфографики и имеет в своём распоряжении несколько красивых шаблонов.


Сюда можно загружать собственные изображения и видео. После того, как информационный плакат готов, его можно вставить на сайт или опубликовать в галерее infogra.am (способа сохранить изображение я не нашла). Этот сервис тоже существует в виде бета-версии, но и он показался мне довольно убедительным решением.

Visual.ly

Visual.ly предлагает несколько простых, но достойных внимания бесплатных инструментов, многие из которых интегрируются с социальными сетями и анализируют данные Twitter и Facebook.

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

Tableau

В этом приложении есть несколько бесплатных инструментов визуализации данных. Tableau не является веб-приложением, так что желающим придется устанавливать программу на компьютер. Как только она будет установлена, вы сможете загружать таблицы и данные из любых CSV-файлов и создавать различные интерактивные визуализации, включая тепловые карты, отражающие активность действий в разных областях поля, диаграммы Венна для представления связей, столбчатые диаграммы, графики и другие схемы. Существует только Windows-версия программы.

Настройка размера шрифтов диаграммы

Если вам кажется, что размер шрифтов в диаграмме маловат, их можно настроить. Для этого правой кнопкой мыши щелкните, например, на подписи данных, выберите в раскрывшемся меню пункт “Шрифт…”.

Читайте также:  Функция АРАБСКОЕ и перевод римских чисел в арабские в Excel

Здесь можно внести требуемые изменения и сохранить их, нажав кнопку “OK”.

Как изменить тип диаграммы?

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

1. Кликаем левой кнопкой мыши по диаграмме, которую хотим изменить. После выделения диаграммы появляется вкладка Конструктор и инструмент Изменить тип диаграммы. Кликаем по нему:

Изменить тип диаграммы в PowerPoint

2. В открывшемся диалоговом окне выбираем нужный тип диаграммы и нажимаем кнопку ОК. В нашем примере заменим гистограмму на график:

PowerPoint: изменение типа диаграммы

Изменение типа диаграммы в PowerPoint

Меняем местами строки и столбцы

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

  1. Выделите диаграмму. На Ленте меню появится группа вкладок Работа с диаграммами (Chart Tools).
  2. На вкладке Конструктор (Design) нажмите Строка/Столбец (Switch Row/Column).

Создание графика

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

Данные листа электронной таблицы

График, созданный на основе данных листа электронной таблицы

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

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

Маркер данных

Основная линия сетки

Имена категорий

Имена рядов данных графика

Совет по использованию графика

Маркер данных. Каждый маркер данных соответствует одному числу на листе. Маркеры данных одного образца или цвета представляют один и тот же ряд данных (соответствующие точки, отложенные на графике). В приведенном выше примере маркер данных, расположенный справа, отображает количество мальчиков, зачисленных в 2001 г. (5 190).

Основная линия сетки. В Excel создается ось значений на основе листа данных. Следует иметь в виду, что ось значений в приведенном выше примере отражает диапазон от 4 700 до 5 300, соответствующий диапазону значений на листе. Линии сетки — это линии, которые можно добавить в график для упрощения просмотра и оценки данных, они отмечают основные интервалы на оси (основные линии сетки). Можно также отобразить вспомогательные линии сетки, отмечающие интервалы между основными линиями.

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

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

Советы по использованию графика. При наведении указателя на элемент графика отображается совет по использованию графика, содержащий имя данного элемента. Например, при наведении указателя на легенду отображается совет, содержащий слово «Легенда».

Листы графиков и внедренные графики

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

Внедрение графика

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

2.Область диаграммы

Область диаграммы – это прямоугольник, на котором располагаются все остальные элементы диаграммы. Чтобы ее выделить, нужно кликнуть диаграмму по ее границе или на область не занятую другими элементами диаграммы (или выбрать пункт Область диаграммы в выпадающем списке, который находится в группе Текущий фрагмент на вкладке Макет или Формат ). Область диаграммы можно отформатировать по своему вкусу (при отсутствии вкуса лучше оставить все без изменений ;).

Читайте также:  Функция ВСД для расчета внутренней ставки доходности в Excel

Для каждого типа диаграмм в MS EXCEL 2010 существуют заранее созданные стили (выделите диаграмму, на вкладке Конструктор в группе Стили диаграмм , выберите нужный стиль).

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

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

В качестве фона можно даже вставить картинку (никогда так не делайте ;).

Ключевые моменты

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

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

12. Mindmeister

MindMeister — это онлайн-инструмент для майндмэппинга, в котором можно создавать, разрабатывать и делиться идеями визуально. Доступен как пользователям Windows, так пользователям Mac OS. Наряду с другими сервисами, Mindmeister позволяет создавать диаграммы и делиться ими с коллегами и друзьями, одновременно внося правки и комментарии.

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

ГИСТОГРАММА

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

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

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

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

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

Если не настроить ширину столбцов, то эту диаграмму можно спутать с диаграммой Гистограмма с пополнением (столбцы, относящие к одной категории «ставятся» друг на друга).

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

Горизонтальную вспомогательную ось можно расположить даже вверху. При этом столбцы разных рядов будут оригинально пересекаться.

Теперь изменим подписи по горизонтальной оси (категории).

В окне Выбор источника данных видно, что для обоих рядов подписи горизонтальной оси одинаковы, т.к. категории одинаковы для обоих рядов (столбец Месяц).

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

При желании это также можно изменить. В окне Выбор источника данных выделите ряд Прибыль, нажмите кнопку Изменить расположенную справа, удалите ссылку на ячейки. Теперь у ряда Прибыль вместо названия категорий будут просто порядковые числа 1, 2, 3,… Однако, они не будут отображаться на диаграмме, т.к. отображается пока только Основная горизонтальная ось .

Теперь в меню Оси (вкладка Макет , группа Оси ) выберите Вспомогательная горизонтальная ось и установите ее Слева направо . В окне формата Вспомогательной вертикальной оси измените точку пересечения оси (установите Автовыбор ). Получим вот такую диаграмму.

Хотя техническая возможность отображения 2-х различных категорий существует, конечно, таких диаграмм нужно избегать, т.к. их сложно воспринимать. Категории должны быть одинаковыми для всех рядов на диаграмме. Естественно, такой трюк сработает только для двух групп рядов, т.к. имеется всего 2 типа оси: основная и вспомогательная.

Ссылка на основную публикацию