Для чего используются диаграммы
Общие сведения о диаграммах и графиках
Типы диаграмм
В Excel встроено довольно большое количество различных типов диаграмм под наиболее часто встречающиеся ситуации:
Подготовка исходных данных
Перед тем как создать диаграмму необходимо подготовить данные для диаграммы, что в общем-то не требует особых усилий. Данные должны располагаться в правильно построенной отдельной таблице с заголовками строк и столбцов. Лучше расположить данные сразу в правильном порядке(если речь о периодах, то хронология должна быть сохранена: январь, февраль, март и т.д. Даты не должны идти вразброс). Как правило Периоды располагаются в столбцах, а сами данные в строках. Однако, как уже я описывал выше, различные типы диаграмм служат для различных целей и расположение данных для некоторых типов может быть иным.
Для построения диаграммы необходимо выделить диапазон ячеек, для которых будет построена диаграмма. Чтобы отобразить на диаграмме названия столбцов и строк, необходимо их тоже включить в выделенный диапазон ячеек: 
После вставки диаграммы на листе рядом появляется плавающая вкладка для работы с диаграммами, на которой можно изменить некоторые параметры созданной диаграммы, включая её тип: 
Для тех, кого мучает ностальгия или по каким-то иным соображениям привыкли работать именно с листами диаграмм, то в Excel 2007 и выше это делается так:
Удаление диаграмм
Для удаления диаграммы достаточно выделить области диаграммы щелчком левой кнопки мыши и нажать на клавиатуре Del.
Статья помогла? Поделись ссылкой с друзьями!
Как визуализировать данные: типы графиков
Редактор Наталия Шергина специально для блога Нетологии адаптировала статью об эффективных способах визуализации данных.
Предположим, вы понимаете важность визуального представления данных, знаете, какие навыки для этого нужны и, более того, обладаете ими. Заодно представим, что у вас есть данные для визуализации, осталось только разобраться, какие виды графиков и диаграмм подойдут. В статье мы расскажем о самых эффективных способах визуализации данных — вам будет из чего выбрать.
Столбчатая диаграмма (Bar Graph)
Скорее всего, это был первый способ визуализации, с которым вы столкнулись. Вспомните школьные учебники, таких диаграмм там было много. Если вы думали, что столбчатые диаграммы вместе со школой остались позади — не спешите с ними прощаться. Многие виды данных удобно представлять с их помощью: информацию о пробках на дороге, увеличение клиентской базы, график продаж. Столбчатые диаграммы — один из самых наглядных видов представления статистики.
Линейная диаграмма (Line Chart)
Этот вид графиков напоминает вершины горного хребта, и это сравнение неслучайно. С помощью линейных диаграмм можно графически представить горы данных и извлечь столько же инсайтов. Подходят для представления колебаний акций, темпа роста компании, построения прибыльной системы.
Гистограмма с несколькими осями (Multi-Axis Charts)
Это сочетание столбчатой диаграммы и линейного графика. Подойдёт, если нужно представить два или более фактора для выявления параллелей или сравнения. Гистограммы с осями часто используют на заседании членов советов компании, чтобы сопоставить, например, рыночную цену и общую выручку.
Гистограмма (Bar Histograms)
Ещё один график из школьных учебников. Гистограммы используют для представления числовых данных одной категории и их изменения с течением времени. Пример — изменение численности населения страны за конкретный период.
Как и столбчатые диаграммы, гистограммы состоят из столбцов. Поэтому эти два вида графиков часто путают. Давайте разбираться.
Круговая диаграмма (Pie Charts)
Кто работал с Экселем, тот наверняка знаком с круговыми диаграммами. Поставил её — и отчёт сразу выглядит презентабельнее, так? А если серьёзно, то круговые диаграммы — это отличный способ представить части одного целого. Например, долю компании на рынке, ваш вклад в общий проект или разработку секторов для инвестиционного плана.
Каждому из нас приходилось работать хотя бы с одной из перечисленных диаграмм. А если нет, то их названия вы точно слышали. На этом мейнстрим заканчивается. Далее — менее популярные графики.
Диаграмма спагетти (Spaghetti Charts)
К сожалению, это не совсем о еде. Диаграмма спагетти — очень необычный вид графиков, который только набирает популярность. Здесь без визуальной подсказки не объяснишь.
Помимо метеорологии, эти диаграммы подходят для визуализации взаимосвязей, что особенно полезно в юридических и судебных вопросах.
Географическая диаграмма (Map Charts)
Географические диаграммы специально разработаны для анализа географической информации, представления пространственных отношений и региональных данных. Используйте их, если нужно графически изобразить глобальную клиентуру, план расширения компании или план диверсификации производства. Эти диаграммы покажут, какие географические области развиваются, а каким нужно больше внимания. Также они помогают принимать решение — например, куда инвестировать или какие страны лучше для жизни.
Стрим-график или график потока (Stream Graph)
Даже если вы ни разу не видели землетрясения, то о сейсмографе слышали наверняка. Это машина, которая реагирует на сейсмическую активность и записывает сейсмоволны в виде графика.
Сейсмограф фиксирует толчки 24 часа 7 дней в неделю. Данные представляются графически в виде «потока» или «волн» вдоль центральной оси. Сейсмография — не единственная сфера применения графиков потока. Они особенно эффективны для графического изображения изменений за период времени.
Пузырьковая диаграмма (Bubble Charts)
Не очень серьёзное название, но суть не в нём. Сфера применения таких диаграмм в представлении и анализе данных огромна. Если говорить технически, пузырьковая диаграмма пригодится для визуализации анализа взаимодействий и распределения. А проще говоря, информация представлена в трёх измерениях или плоскостях. Допустим, у вас три вида данных: общее количество товаров, число каждого проданного продукта и выручка от продаж каждого продукта. Если вы хотите видеть взаимосвязь этих данных на одном графике, то пузырьковая диаграмма для вас.
Лучевая диаграмма (Sunburts)
Любители интернет-магазинов, эта информация для вас. Ваше поведение на сайте и то, на какие страницы вы заходите, заносится в историю, а админы магазинов могут легко представить эту информацию в виде лучевой диаграммы, чтобы понять, куда идёт основной трафик на сайте и какие страницы посещают реже всего. Такие диаграммы идеальны для представления иерархических данных.
Полярные часы (Polar Clock)
Ещё один интересный, но пока не самый популярный вид представления данных. График работает по принципу часов и каждую секунду показывает количество проделанной работы. Похоже на окно «копирование файлов», где зелёный индикатор показывал, сколько процентов данных уже скопировано. Представьте себе то же самое, только в форме круга — это и есть диаграмма полярные часы.
Интерактивная кольцевая диаграмма (Donut Transitions)
Это та же кольцевая диаграмма, только анимированная. Интерактивная кольцевая диаграмма — один из лучших способов для выявления закономерностей между несколькими параметрами. Эффективна для представления части целого и анализа зависимости величин. При изменении анализируемых параметров изменяются и пропорции диаграммы. Пригодится тем, кто следит за динамикой изменения — например, изменения стоимости акций в результате каких-либо действий компании.
Курс
Инфографика
Это одни из наиболее эффективных способов визуализации данных. Какие-то из них более привычны, о других пока мало кто знает. Новые виды графиков и диаграмм появляются вместе с новыми видами данных, что происходит непрерывно. Это значит, что скоро появятся более продвинутые способы визуализации.
Инфографика для СМИ
Мнение автора и редакции может не совпадать. Хотите написать колонку для «Нетологии»? Читайте наши условия публикации. Чтобы быть в курсе всех новостей и читать новые статьи, присоединяйтесь к Телеграм-каналу Нетологии.
Как визуализировать данные: виды графиков
Визуализация числовых значений позволяет сделать понятными даже сложные наборы данных. Графики и диаграммы привлекают больше аудитории, чем обычный текст или скучные таблицы, и увеличивают вовлеченность читателей. Визуальная информация намного лучше воспринимается и запоминается, что помогает быстро и эффективно донести до аудитории ваши мысли и идеи.
В этой статье разберем основные виды графиков и поговорим о том, каких правил следует придерживаться при визуализации данных.
Типы графиков
Вид диаграммы необходимо выбирать в зависимости от того, какие данные вы хотите визуализировать и с какой целью: чтобы сравнить различные показатели или продемонстрировать, как распределяются данные, скажем, какие значения встречаются чаще, а какие реже.
Также на диаграмме можно наглядно показать структуру чего-либо при помощи данных или проследить взаимосвязь показателей.
Типов диаграмм насчитывается несколько десятков, и в рамках одной статьи описать их все не представляется возможным. Мы рассмотрим наиболее часто используемые виды графиков и разберемся, для отображения каких данных лучше всего подходит каждый их них.
Графики, о которых далее пойдет речь, можно легко создать в таких программах, как Microsoft Word, Excel, PowerPoint и Visio (а также их бесплатных аналогах), приложениях iWork (для iOS и macOS) и онлайн-сервисе Canva.
Линейный график
Линейный график (или линейная диаграмма) показывает динамику по одному либо нескольким показателям. Его удобно применять, когда нужно сравнить, как меняются с течением времени разные наборы данных.
Данные на таком графике отображаются в виде точек, которые соединены линиями. Также точки могут быть невидимыми, тогда график представляет собой ломаные линии. Кроме того, существует такая разновидность, как график рассеяния или точечная диаграмма, на котором точки изображаются без линий. Данный тип графика помогает найти взаимосвязь между двумя показателями.
Линейные диаграммы целесообразно применять, если число значений в ряду велико. Они удобны, когда требуется отобразить общую тенденцию развития каких-либо явлений, сравнить темпы роста и т.п.
На такой диаграмме данные категорий равномерно распределены вдоль горизонтальной оси, а все значения отображаются вдоль вертикальной оси. Графики позволяют показать непрерывное изменение данных за определенный период времени, поэтому они прекрасно подходят для представления тенденций изменения данных с равными временными интервалами, такими как месяцы, кварталы или годы.
Диаграммы-области
Диаграмма с областями представляет собой линейную диаграмму, в которой область ниже линии заполнена индивидуальным цветом или текстурой. Так же, как и линейные графики, диаграммы-области используются для отображения развития количественных значений в каком-то определенном интервале или за определенный временной период, но отличаются от графиков тем, что позволяют оценить вклад каждого элемента в рассматриваемый процесс.
Линейчатые диаграммы
Линейчатые (полосчатые) диаграммы, которые также называют столбчатыми (столбиковыми), являются наиболее часто используемым типом диаграмм.
Они могут применяться для сравнения разных значений в тех случаях, когда важны конкретные числовые показатели. На одной оси столбиковой диаграммы представлены сравниваемые категории, а на другой – шкала числовых значений.
Полосчатые диаграммы позволяют пользователю легко сравнить отдельные значения для разных категорий либо сравнивать изменения значений за какой-то период времени для определенной категории. Статистические показатели в таких диаграммах могут быть представлены как вертикальными, так и горизонтальными столбиками. Для изображения величины параметра используется высота или длина столбика.
Кроме прямоугольников, поверхность таких диаграмм может представлять собой треугольники, трапеции и другие фигуры.
Горизонтальные линейчатые диаграммы обычно используются, когда необходимо сравнить множество различных показателей или визуально обозначить явное превосходство одного из них. Вертикальные столбцы целесообразно использовать для изменения показателей в разные периоды времени, к примеру, ежегодной прибыли компании за несколько лет.
Гистограммы
Гистограмма и столбиковая диаграмма визуально схожи, разница же заключается в том, что гистограмма показывает распределение данных в рамках непрерывного интервала либо конкретного периода времени. На вертикальной оси гистограмм отображается частотность, а на горизонтальной показаны интервалы или временной период.
Гистограммы помогают визуально определить концентрацию значений, а также предельные значения или наличие пробелов либо отклонений.
Гистограмма с несколькими осями
Представляет собой сочетание столбиковой диаграммы и линейного графика с двумя осями Y и с одной осью X, на которой показаны категории данных. Такой вариант может понадобиться, когда нужно представить два или более фактора и выявить параллели или сравнения.
Круговые диаграммы
Круговые (секторные) диаграммы показывают долю каждой величины в общем объеме. Круг представляет всю совокупность данных, а относительная величина каждого отдельного значения изображается в виде сектора круга. Площадь секторов при этом соответствует вкладу этого параметра в сумму значений.
Круговые диаграммы наглядно демонстрируют, какую часть от общего количества составляют отдельные значения. Сектора могут отображаться в общем круге, а также могут быть расположены отдельно на небольшом расстоянии друг от друга.
Географические диаграммы
Картодиаграмма являет собой сочетание диаграммы с географической картой или схемой. Ее используют, когда нужно отобразить распределение определенного показателя по регионам, странам, материкам, выделенным разным цветом, оттенками или рисунками в соответствии с переменными данных. На примере диаграммы, приведенной ниже, можно увидеть, что цвет для каждого региона определяется в зависимости от плотности населения.
Если необходимо отобразить на карте данные по дополнительным показателям, это делается с помощью добавления микрографики: круговых диаграмм или столбиков.
Правила визуализации данных
Чтобы графики и диаграммы были понятны читателям, при их построении нужно соблюдать следующие рекомендации:
И еще пара советов: не используйте разные виды графиков и диаграмм для однотипных данных. Читателю требуется время, чтобы привыкнуть к каждому новому виду диаграммы и понять, что обозначает определенная линия или столбик, поэтому всегда выбирайте одинаковые диаграммы для данных одного типа. Кроме того, следует придерживаться одной цветовой гаммы в одном отчете или презентации. Хорошее решение – использование цветов вашего корпоративного стиля.
Диаграммы и графики: как улучшить восприятие пользователя на сайте
С каждым днем информации становится все больше и дизайнеры ищут решения, которые помогут пользователям легче воспринимать большие объемы данных. Одним из таких способов является построение различных диаграмм и графиков. В этой статье мы расскажем как визуализация данных помогает пользователям лучше усваивать информацию, как улучшить дизайн диаграмм и графиков и увеличить продажи с помощью оформления данных.
Как пользователь воспринимает информацию
Проведенные исследования показывают, что большинство людей являются визуалами и легче воспринимают информацию с помощью изображений. Наглядные иллюстрации помогают пользователям представить информацию, понять зависимости и сделать соответствующие выводы. Поговорим о том, зачем визуализировать данные и как мозг человека воспринимает графики и изображения.
Зачем нужна визуализация данных
Визуализация данных помогает не только оформить данные для облегчения восприятия, но и вызывает эмоциональный отклик у пользователя. Графики и диаграммы делают статьи интереснее, вовлекают читателей, помогают им наглядно представить информацию.
Кроме того, такое представление данных лучше запоминается пользователям, привлекает внимание к информации. Однако, данные должны быть оформлены таким образом, чтобы пользователь мог легко обработать большой объем информации и быстро проанализировать существующие зависимости.
Как мы выделяем важное
Также очень важно учитывать особенности своей целевой аудитории. Люди разного возраста, пола, интересов замечают разную информацию. Поэтому необходимо знать своего клиента, прежде чем создавать визуализацию данных.
Способы визуализации данных
Рассмотрим виды различных диаграмм и графиков, с помощью которых можно графически представить информацию.
Столбчатая диаграмма
Самый распространенный вид диаграмм. Данные разбиваются на категории, каждая представляется в виде столбца, высота которого отображает соответствующую величину.
Линейчатая диаграмма
Линейный график
Иногда под графиком закрашивают область, чтобы нагляднее указать на объем данных:
Круговая диаграмма
Географическая диаграмма
Такой тип диаграмм используется для анализа данных с точки зрения географического положения. К примеру, какая доля респондентов проживает в регионах и прочее.
Стрим-график
Пузырьковая диаграмма
Так назвали диаграмму, которая показывает взаимосвязь трех параметров. Точки располагаются как на линейном графике, а область вокруг каждой из них показывает третью составляющую.
Данные типы диаграмм знакомы пользователям, поэтому чаще всего используются при проектировании интерфейсов и создания дизайна.
10 правил построения графиков и диаграмм
Итак, подведем итоги. С помощью визуализации данных дизайнер может:
Однако, если график не будет понятен пользователю, все эти преимущества будут бесполезны. Мы составили 10 правил, которые помогут правильно составить графики и облегчить восприятие диаграмм пользователем.
Правило 1. Формулировка идеи
Построение графика начинается не с выбора цвета точек или интервалов между столбцами. В первую очередь нужно определиться с целью: зачем нужна диаграмма и как она может быть полезна клиенту? Не стоит создавать графики только ради графиков.
Также нужно следовать принципу «одно представление = одна идея». Если вы хотите показать динамику роста цен на продукцию, не показывайте на графике изменение количества клиентов и ежедневную выручку. Это только отвлекает от главной идеи и мешает восприятию.
Правило 2. Подходящий тип графика
Выбранный тип графика должен не вводить пользователя в замешательство, а помогать ему воспринимать информацию. Графики и диаграммы нужны, чтобы сравнивать данные друг с другом. Существует несколько способов сравнения и каждому из них соответствует определенный тип графика:
1. Выделение доли по отношению к целому. Например, нужно показать, сколько процентов из всего населения России живет в селах. Лучше всего такое сравнение делать с помощью круговой диаграммы:
2. Изменение во времени. Чтобы показать, как данные менялись с течением времени, лучше всего использовать линейные графики, пузырьковые диаграммы. С помощью них можно отразить рост или падение цен, колебания значений в определенном интервале и многое другое.
3. Соотношение данных друг с другом. Если нужно сравнить данные и показать, как они соотносятся между собой, используют столбчатые и линейчатые диаграммы. С помощью столбцов можно сделать это наиболее наглядно.
4. Частота попаданий в интервал. Иногда нужно показать, в какой период времени происходили те или иные действия. Для этиих целей используют столбчатые диаграммы и линейные графики, которые показывают временные изменения и распределение данных.
5. Корреляция. Показать, как данные зависят друг от друга также можно с помощью линейного графика. Также иногда применяют специальные матрицы (чем темнее цвет ячейки, тем сильнее зависимость):
Сформулировав основную идею и определив подходящий график можно приступать к оформлению данных.
Правило 3. Упорядочивание данных
Чтобы пользователю было легче сравнивать информацию, выискивать закономерности и делать выводы, нужно располагать данные в логическом порядке. Например, чтобы понять, как распределяются величины на этом графике, нужно всматриваться и запоминать их расположение:
Если мы упорядочим столбцы по убыванию, разницы становится очевидной:
Правило 4. Подбор цвета
При проектировании диаграмм в дизайне важно правильно подобрать цветовую гамму.
Во-первых, все графики на макете должны придерживаться единого стиля. Если этого не происходит, страница теряет свою привлекательность.
В-третьих, при построении графиков программы обычно выбирают цвета случайным образом. Дизайнеру следует продумать собственную цветовую схему, которая бы сочеталась с общей концепцией сайта.
Правило 5. Упрощение
Графики не должны выглядеть «загроможденными» информацией. Это ухудшает восприятие и отвлекает от конечной цели. Поэтому диаграммы должны быть простыми, без лишних элементов, и в то же время понятными пользователю.
Правило 6. Выделение главного
В этом пункте стоит вспомнить о приоритетах, про которые мы рассказывали ранее. Пользователю нужно видеть главную мысль, то, что хочет сказать дизайнер. Например, если мы хотим сделать акцент на том, что прибыль компании увеличилась к 2019 году, можно выделить эти данные ярким цветом, а остальные затемнить:
Важно помнить, что мы хотим показать пользователю и делать акценты на главной идее. Так график привлечет внимание и запомнится клиенту.
Правило 7. Понятный формат данных
Отдельно стоит сказать о легенде. Текст должен быть читабельным, иначе пользователь не захочет разбираться в представленной информации и проигнорирует изображение.
Правило 8. Согласованность
Правило 9. Нет 3D эффектам
Пришла эра плоского дизайна (подробнее об этом стиле мы писали здесь) и 3D эффекты потеряли свою привлекательность. К тому же, такой прием значительно ухудшает восприятие графика, так как непонятны конечные значения из-за 3D представления данных. Это хорошо видно, если сравнить два графика:
Правило 10. Пространство
При построении графиков, гистограмм, нужно уделять внимание пространству между столбцами, графиком и легендой и прочим интервалам. О значимости пространства и его использовании можно прочитать в этой статье.
Следуя этим правилам можно превратить графики и диаграммы в элемент сайта, который привлечет внимание пользователя, запомнится, поможет визуализировать информацию. Уделяя внимание таким мелочам, дизайнеры создают концепции, которые влияют на эмоциональное состояние клиентов и, как следствие, на конверсию сайта.
Студия дизайна IDBI всегда старается прорабатывать все детали на сайте, делать графики, изображения понятными для пользователей. Это можно увидеть в наших работах, которые представлены в разделе «Портфолио».