Зачем нужны графики и диаграммы Наглядное представление процессов
Что такое график и диаграмма?
Диаграмма – это графическое представление данных для их визуальной оценки. С помощью диаграмм можно явно увидеть тренды, тенденции. Например, спад или подъем. С помощью диаграмм удобно сравнивать свойства объектов, процессов, феноменов и т.д. по нескольким параметрам. Диаграмма позволяет оценочно, не вникая в цифры, понять динамику.
График – это частный случай диаграммы. На графике данные отражаются в виде точек, соединенных линиями.
Видео
Позиционное сравнение
Здесь важна позиция, которую объект занимает по отношению к другим объектам. На сколько он больше или меньше других объектов, какое место занимает в “строю” других объектов. Для позиционного сравнения лучше подходит линейчатая диаграмма
В линейчатой диаграмме по вертикали располагаются обозначения сравниваемых элементов, шкала располагается горизонтально. Саму шкалу можно не отображать, а значения подписывать у линеек диаграммы (как на рисунке выше).
Линейчатая диаграмма подходит для позиционного сравнения лучше чем гистограмма. Нашим глазам привычнее позицию воспринимать по вертикали (вверху — лучше, внизу — хуже). А ещё, при таком расположении оси обозначений, появляется больше места для записи названий показателей.
Линейная диаграмма (Line Charts)
В этом типе диаграмм возможность сравнивать значения уходит на второй план, но все еще остается возможной, с помощью маркеров на графике, которые ставятся через одинаковые промежутки.
Советы для линейной диаграммы
Понятие и особенности
Диаграмма — это графическое отображение данных, в котором они выражены символами, такими как столбцы, линии или срезы. Эти графики могут показывать табличные числовые значения, функции и другую различную информацию. Диаграммы часто используются для облегчения понимания больших объёмов данных и взаимосвязей между их частями. Графики обычно читаются быстрее, чем необработанная информация.
Некоторые типы диаграмм более пригодны для представления определённого набора материалов, чем другие. Например, данные, которые показывают проценты в разных группах («удовлетворён, не удовлетворён, не уверен»), часто отображаются на круговой диаграмме, но их легче понять, когда они представлены на горизонтальной гистограмме. С другой стороны, данные, представляющие числа в динамике (например, доход с 2000 по 2010 год) лучше всего нарисовать в виде линейного графика.
Диаграмма может принимать самые разные формы, однако есть общие функциональные черты, которые предоставляют возможность извлекать смысл из данных. Одним из наиболее важных применений текста в графике является заголовок. Этот элемент обычно отображается над основным материалом и даёт краткое описание того, к чему относятся данные в графике.
Размеры в графиках часто отображаются на осях. Если используются горизонтальная и вертикальная оси, они обычно называются как X и Y соответственно. Каждая ось будет иметь шкалу, обозначенную периодическими градациями и обычно сопровождаемуя числовыми или категориальными указаниями. А также они имеют метку, отображаемую снаружи или рядом с ними, кратко описывающую представленное измерение.
Если шкала числовая, к метке часто будет добавляться единица этой шкалы в скобках. Например, «пройденное расстояние (м)» является типичной меткой по оси X и будет означать, что пройденное расстояние в единицах метров связано с горизонтальным положением данных на диаграмме.
На графике иногда применяется сетка линий, помогающая визуально выровнять данные. Она может быть улучшена путём выделения линий на регулярных или значительных отрезках. Затем они называются основными, а остальные — второстепенными. Данные могут отображаться в виде какой-либо комбинации цветов и фигурных объектов. Выводы или точки интереса могут быть наложены непосредственно на график, чтобы дополнительно помочь извлечению информации.
Когда данные, отображаемые на графике, имеют несколько переменных, он может сопровождаться легендой, которая содержит их список на диаграмме. Эта информация позволяет идентифицировать данные каждой переменной на графике.
Термин «диаграмма» в его общепринятом смысле может иметь следующие значения:
В науке этот термин используется обоими способами. Например, инфографист Майкл Андерсон заявил, что диаграммы являются графическими, но абстрактными методами предоставления информации. Карты, линейные графики, гистограммы, технические чертежи и эскизы архитекторов являются примерами диаграмм, в отличие от фотографий и видео. С другой стороны, его коллега Ричард Лоу определил диаграммы как «абстрактные графические изображения предмета, который они представляют».
Калибровочная диаграмма (Gauge Chart)
Этот тип диаграмм отлично подходит для отображения прогресса достижения заданной величины (например KPI). Плохая сторона калибровочных диаграмм заключается в том, что они занимают много места и обычно показывают только одно значение.
Обычно, зеленый цвет используют, когда значение имеет нужную динамику или почти достигло цели, а красную, когда все плохо.
Если имеется множество калибровочных диаграмм, сравниваемых с одной шкалой производительности, столбчатая диаграмма будет более эффективной и компактной.
Как изменить макет диаграммы?
В PowerPoint есть готовые макеты диаграмм. Они отличаются расположением названий, условных обозначений, данных. Различные макеты подготовлены для того, чтобы подобрать оптимальный вариант для удобного расположения всех элементов на диаграмме. Итак, для того чтобы изменить макет диаграммы:
1. Кликаем левой кнопкой мыши по диаграмме, которую хотим изменить. После выделения диаграммы появляется вкладка Конструктор.
2. На вкладке Конструктор кликаем по Экспресс-макет:
3. В появившемся списке макетов выбираем нужный и сразу получаем результат:
Видеоурок «Диаграмма»
§ 1 Что такое диаграмма?
В этом уроке Вы узнаете, что такое диаграммы и для чего они используются. Познакомитесь с некоторыми видами диаграмм.
Слово «диаграмма» в переводе с греческого означает изображение, рисунок, чертеж.
Сейчас под диаграммой понимают графическое представление данных линейными отрезками или геометрическими фигурами, позволяющее быстро оценить соотношение нескольких величин.
Существуют диаграммы-линии (графики), столбчатые и линейные диаграммы (гистограммы), круговые (секторные) диаграммы и т. д.
§ 2 Построение столбчатой диаграммы
Подробнее остановимся на столбчатых диаграммах и на графиках.
Давайте построим столбчатую диаграмму по следующим данным.
В 6 «а» классе в первой четверти было 2 отличника, во второй четверти – 4 отличника, в третьей четверти – 3 отличника, а в четвертой четверти – 6 отличников.
Проведем прямую и на ней нарисуем четыре столбика, высота которых соответствует количеству отличников в каждой четверти.
Так как в первой четверти было 2 отличника, первый столбик будет высотой 2 см, второй столбик – 4 см, 3-ий – 3 см и 4-ый – 6см.
По построенной нами столбчатой диаграмме мы можем наблюдать, как изменялось количество
отличников в течение учебного года в 6 «а» классе.
Теперь построим диаграмму изменения температуры 1 мая.
Пусть в 2 ночи температура была 5̊̊˚, в 6 утра – 7˚, в 12 дня – 11˚, в шесть вечера – 8˚ и в 11 ночи – 6˚. По этим данным можно построить диаграмму.
По оси х отметим часы, по оси у – градусы.
Отметим наши данные точками и соединим точки, получим ломаную линию, которая наглядно показывает, как изменялась температура в течение дня. По этой диаграмме мы можем определить температуру воздуха 1 мая в любое время этого дня. Для этого нам лишь надо найти соответствующую точку на графике.
Например, точка графика с координатой (9;9) означает, что в 9 утра 1 мая температура была 9 градусов.
Такую диаграмму называют графиком изменения температуры.
Графиками пользуются при изображении, например, движения, роста и т.д., их соответственно и называют «график движения», «график роста».
В этом уроке Вы узнали, что такое диаграммы и для чего они используются, а также познакомились с некоторыми видами диаграмм.
Что такое инфографика, и как её создать самому бесплатно
3 комментария 6 месяцев назад обновлено 2 месяца назад
Эта статья будет полезна всем, кто хочет создать качественную инфографику. Вы увидите лучшие примеры информационного дизайна и получите готовые к применению инструменты для создания инфографики.
Чтобы написать эту статью, мы изучили десятки рейтингов инфографики, просмотрели сотню дизайнерских портфолио, изучили научные труды по информационному дизайну и привлекли независимых экспертов — дизайнеров и иллюстраторов. В нашей подборке только лучшие примеры, инструменты и советы.
Содержание:
Что такое инфографика?
Инфографика — это визуальная интерпретация данных, также известная как информационный дизайн.
Цель — превратить сложную тему в легко усваиваемый и эстетически приятный опыт для зрителя.
Большой объем данных превращается в понятные схемы, графики и иллюстрации.
В чем отличие от иллюстрации?
Иллюстрация — это художественный инструмент, который дополняет текст и раскрывает контекст. А инфографика — это самостоятельный массив информации, который можно понять без сопроводительного текста.
Если вам интересна тема иллюстрации — читайте нашу исчерпывающую статью Иллюстрация: стили, виды и техники.
В чем отличие от визуализации данных?
Визуализация данных — это метод науки и статистики, а инфографика — объект дизайна.
Визуализация данных может быть частью инфографики. Это такие элементы, как график, диаграмма, гистограмма и т.п.
Инфографика рассказывает историю, а визуализация — просто демонстрирует данные. Визуализация может быть инструментом инфографики, но не наоборот.
Больше о дисциплине Data Science можно прочесть в нашей статье.
Почему люди любят инфографику?
Мозг человека на 50% посвящен визуальному функционалу. Текст читается линейно, а изображения воспринимаются целостно. Смотреть картинки быстрее и веселее, чем слушать или читать.
Хорошая инфографика может быть понятна без сопроводительного текста, и даже с текстом на иностранном языке. Это история, которую мозг воспринимает за секунды.
Происхождение
Первые примеры инфографики можно наблюдать на графиках движения солнца 17 века, на географических картах и в научных журналах 19 века.
В России инфографику использовали с начала 20 века. Один из примеров — книга 1912 года «Россия в цифрах. Страна. Народ. Сословия. Классы».
В 1919 году в России приняли Венский метод изобразительной статистики, т.н. ИЗОСТАТ, примеры этой винтажной графики можно посмотреть в журнале Прожектор.
Как сделать инфографику онлайн?
Чтобы создать инфографику, не обладая навыками дизайна — воспользуйтесь одним из бесплатных онлайн-сервисов.
Инструкция простая: зарегистрироваться либо войти через соц. сети, выбрать шаблон, вставить свой текст и цифры, скачать готовую инфографику.
Хотите больше конструкторов инфографики? Смотрите наш исчерпывающий список 22 лучших сервиса для создания инфографики онлайн в 2021.
Хотите в идеале научиться пользоваться Canva? Смотрите бесплатный курс Нетологии Canva: как пользоваться программой.
Если вас привлекает создание инфографики на профессиональном уровне — читайте нашу статью Профессия графический дизайнер: плюсы и минусы, а также Лучшие курсы по графическому дизайну.
Как сделать на телефоне?
Инструкция простая: скачать приложение на телефон, выбрать шаблон, вставить свой текст и цифры, скачать готовую инфографику.
Список лучших мобильных приложений для создания инфографики на iOS и Android:
Как сделать в Powerpoint? Инструкция + шаблоны презентаций
Есть два способа: нарисовать инфографику самому, либо использовать готовые шаблоны. Объясним оба варианта.
Инструкция для начинающих:
Шаблоны инфографики Powerpoint
Другой способ — использовать готовые шаблоны для презентаций. Инструкция простая: скачайте архив, распакуйте презентацию, редактируйте и используйте в личных целях:
Кстати, вы можете создать свою инфографику в программе Canva — она бесплатна, есть мобильное приложение и онлайн-конструктор. Просто выбирайте красивый шаблон, добавляйте свой текст и картинки, сохраняйте и вставляйте в Powerpoint как изображение.
Как сделать в Excel? Инструкция + шаблоны
Самый простой способ визуализации данных в Excel — добавить диаграмму:
Если вы хотите визуализировать большой объём табличных данных — воспользуйтесь онлайн-инструментами RAWGraphs или Infogram. Обе платформы бесплатные, имеют понятный интерфейс и предназначены для импорта и визуализации данных из Excel.
Если вы хотите создать инфографику, не прибегая к сложным приёмам в Excel — воспользуйтесь шаблоном. Инструкция простая: скачать подходящий шаблон, открыть в Excel, затем внести свои данные. Наша подборка шаблонов:
Если хотите подтянуть свои навыки работы в Excel — смотрите наш список Лучшие курсы Excel с онлайн уроками в 2021.
Как сделать инфографику в Word?
Способ 1: Используйте диаграммы SmartArt. На вкладке Вставка нажмите кнопку Smart Art. Выберите нужный тип и макет фигуры. Введите свой текст в поля. Готовую диаграмму можно сохранить в формате Word, jpeg или pdf. Нажмите Сохранить как, и выберите нужный тип документа.
Способ 2: Создайте красивую инфографику в бесплатной программе Canva. Зарегистрируйтесь, выберите шаблон, и внесите в него свой текст и данные. Скачайте готовую картинку в формате jpeg, затем вставьте в свой документ Word через меню Вставка — Рисунок.
Как сделать в Adobe Photoshop и Illustrator: инструменты и шаблоны
В Adobe Photoshop, Illustrator и InDesign есть все инструменты для создания инфографики и визуализации данных. В 2021, эти приложения доступны по подписке на Creative Cloud. Подробнее — в нашем руководстве Как купить лицензию Adobe Photoshop в 2021, и зачем она нужна.
Бесплатные шаблоны инфографики можно скачать с Adobe Stock. Просто впишите «инфографика» в строку поиска и скачайте подходящий файл себе на компьютер. Также ищите бесплатные наборы пиктограмм. Необходимо зайти в свою учётную запись, либо зарегистрироваться.
Где еще взять шаблоны?
Больше полезных инструментов:
Что такое видео-инфографика?
Видеоинфографика — это анимированная визуализация данных в формате видео. Это короткая анимация, подробно объясняющая суть проекта, продукта, услуги или концепции.
Что такое анимированная инфографика?
Анимированная инфографика — это визуализация информации при помощи анимации. Иллюстрации, схемы, диаграммы, текст и другие элементы приходят в движение в форматах видео или gif.
Как сделать видео-инфографику самому?
Воспользуйтесь одним из бесплатных конструкторов инфографических видео онлайн:
Если вас влечёт создание видеоинфографики на профессиональном уровне — обратите внимание на наши статьи:
Как сделать хорошую инфографику? + примеры
Расскажите историю. Первый шаг — провести исследование и собрать всю информацию по теме. Продумайте историю, которую хотите рассказать, повествование, логично-последовательный поток информации. Вы создаёте визуальное путешествие по конкретному вопросу.
Историческая справка
К концу XVIII века большинство используемых сегодня диаграмм были представлены миру в революционной публикации Уильяма Плейфэра под названием «Коммерческий и политический атлас».
В 1786 году Плейфэр решил использовать свои навыки рисовальщика для иллюстрации экономических данных. В то время такая информация обычно была представлена в виде таблиц, но инженер преобразовал данные в инфографику. В линейном графике он сопоставил цены на пшеницу с затратами на рабочую силу, опровергая распространённое мнение о том, что заработная плата приводит к росту цен на зерно, и продемонстрировал, что на самом деле она растёт гораздо медленнее стоимости товара.
С самого начала скромные диаграммы и графики помогали аудитории принимать решения на основе представленных данных, а также выявлять ранее неизвестные тенденции. За прошедшие годы были разработаны дополнительные инструменты для визуального отображения информации — в том числе и с помощью современных технологий.
Понятие и особенности
Диаграмма — это графическое отображение данных, в котором они выражены символами, такими как столбцы, линии или срезы. Эти графики могут показывать табличные числовые значения, функции и другую различную информацию. Диаграммы часто используются для облегчения понимания больших объёмов данных и взаимосвязей между их частями. Графики обычно читаются быстрее, чем необработанная информация.
Некоторые типы диаграмм более пригодны для представления определённого набора материалов, чем другие. Например, данные, которые показывают проценты в разных группах («удовлетворён, не удовлетворён, не уверен»), часто отображаются на круговой диаграмме, но их легче понять, когда они представлены на горизонтальной гистограмме. С другой стороны, данные, представляющие числа в динамике (например, доход с 2000 по 2010 год) лучше всего нарисовать в виде линейного графика.
Диаграмма может принимать самые разные формы, однако есть общие функциональные черты, которые предоставляют возможность извлекать смысл из данных. Одним из наиболее важных применений текста в графике является заголовок. Этот элемент обычно отображается над основным материалом и даёт краткое описание того, к чему относятся данные в графике.
Размеры в графиках часто отображаются на осях. Если используются горизонтальная и вертикальная оси, они обычно называются как X и Y соответственно. Каждая ось будет иметь шкалу, обозначенную периодическими градациями и обычно сопровождаемуя числовыми или категориальными указаниями. А также они имеют метку, отображаемую снаружи или рядом с ними, кратко описывающую представленное измерение.
Если шкала числовая, к метке часто будет добавляться единица этой шкалы в скобках. Например, «пройденное расстояние (м)» является типичной меткой по оси X и будет означать, что пройденное расстояние в единицах метров связано с горизонтальным положением данных на диаграмме.
На графике иногда применяется сетка линий, помогающая визуально выровнять данные. Она может быть улучшена путём выделения линий на регулярных или значительных отрезках. Затем они называются основными, а остальные — второстепенными. Данные могут отображаться в виде какой-либо комбинации цветов и фигурных объектов. Выводы или точки интереса могут быть наложены непосредственно на график, чтобы дополнительно помочь извлечению информации.
Когда данные, отображаемые на графике, имеют несколько переменных, он может сопровождаться легендой, которая содержит их список на диаграмме. Эта информация позволяет идентифицировать данные каждой переменной на графике.
Термин «диаграмма» в его общепринятом смысле может иметь следующие значения:
В науке этот термин используется обоими способами. Например, инфографист Майкл Андерсон заявил, что диаграммы являются графическими, но абстрактными методами предоставления информации. Карты, линейные графики, гистограммы, технические чертежи и эскизы архитекторов являются примерами диаграмм, в отличие от фотографий и видео. С другой стороны, его коллега Ричард Лоу определил диаграммы как «абстрактные графические изображения предмета, который они представляют».
Типы диаграмм
Существует много различных видов диаграмм, однако среди них можно выделить несколько самых популярных. Это графики следующих типов:
Каждая из них имеет свои отличительные структурные особенности, и нацелены они на разные задачи. Выбор типа диаграммы зависит в первую очередь от имеющихся данных и желаемого результата.
Гистограммы (столбчатые и полосовые)
По определению гистограмма — это тип столбикового (вертикального или горизонтального) графика, который представляет числовые материалы и их распределение.
Распределение часто иллюстрируется во времени, но данные также могут быть построены на основе любой динамической величины, такой как температура, высота или денежная стоимость. Эта концепция также может быть применена к линейным графикам и другим схемам, основанным на построении двух осей.
На гистограмме могут быть представлены два или более набора числовых данных. Как правило, они строятся для облегчения сравнения между двумя объектами, такими как средний рост и вес или рождаемость и смертность. Отдельные наборы дифференцируются с помощью изменения цвета. На гистограмме также есть деления по оси Y и по оси X, которые представляют различные значения переменной.
Сюда же относится радиальная, или кольцевая гистограмма, которая построена на полярной системе координат. В большинстве случаев этот тип используется по эстетическим соображениям, поскольку длины столбцов такого графика могут быть неверно истолкованы.
Круговые (секторные)
Круговая, или внутристолбиковая диаграмма — это круглый статистический график, который разделён на срезы для иллюстрации числовой пропорции. На круговой диаграмме длина дуги каждого среза (и, следовательно, его центральный угол и площадь) пропорциональна величине, которую он представляет.
Такие диаграммы хороши для иллюстрации и демонстрации разбивки выборки в отдельном измерении, поскольку они показывают взаимосвязь между основными данными и их подкатегориями. Это полезно использовать, когда идёт работа с категорированными группами информации, или если стоит цель показать различия между данными, основанными на одной переменной.
В действительности можно разбить любые группы выборочных данных на категории, например, по полу или разным возрастным группам. Для бизнес-проектов можно использовать круговые диаграммы для представления важности одного конкретного фактора для других. Однако для анализа нескольких различных наборов данных следует обратиться к столбчатым диаграммам.
Линейные графики
Линейный, или линейчатый график — это тип диаграммы, который отображает информацию в виде серии точек данных, называемых «маркерами», соединёнными отрезками прямых линий. Он распространён во многих областях и аналогичен точечному графику за исключением того, что точки измерения упорядочены (обычно по значению их оси x).
Линейный график часто используется для визуализации тенденции в данных за промежутки времени, поэтому линия часто рисуется в хронологическом порядке. В этих случаях они известны как графики выполнения.
Этот тип диаграммы обычно используется для объяснения тенденций за периоды. На вертикальной оси всегда отображается числовое значение, а на оси X указаны некоторые другие связанные факторы. Линейные диаграммы могут быть показаны круглыми или квадратными маркерами.
Такой график выглядит не так ярко, как другие его разновидности, но пользователи могут ясно увидеть тенденцию за определённый период для одного набора данных. Кроме того, с их помощью можно сравнить тренды для нескольких разных групп. Менеджеры или аналитики могут использовать такие диаграммы для измерения и анализа долгосрочных тенденций в продажах или при изучении маркетинговой статистики.
Другие варианты
Базовые линейные, гистограммы и круговые диаграммы являются отличными инструментами для сравнения одной или двух переменных в нескольких категориях, но что делать, если нужно сравнить много значений одновременно или они не являются числовыми? Мозаичная диаграмма станет лучшим выбором в этой ситуации. Например, рыночный аналитик хочет сравнить размер пользовательских баз, а также возрастные показатели в каждой группе. Создание такой диаграммы позволила бы маркетологу ясно и просто проиллюстрировать все переменные.
Сегменты рынка часто делятся в зависимости от возраста и пола, а популяционная пирамида является идеальным визуальным представлением двух групп. График классически принимает форму треугольника, когда популяция здорова и растёт — самые большие группы являются самыми молодыми, и каждый пол сокращается примерно в равной степени по мере старения населения, оставляя самые маленькие группы в верхней части графика.
Популяционная пирамида, которая отклоняется от своей классической формы, может указывать на неравномерность населения в течение определённого периода, например, голода или экономического бума, который привёл к увеличению смертности или рождаемости.
Конечно, пирамиды населения не всегда используются для сравнения по возрасту и поэтому не всегда принимают одноимённую форму графика. Например, маркетолог может использовать план для сравнения населения по доходу, весу или IQ, в котором самые маленькие группы часто бывают как сверху, так и снизу. Несмотря на это, график чётко отображает тенденции численности населения, а также сравнивает размеры двух связанных групп.
Ещё диаграммы используются при составлении розы ветров, которая графически отображает скорость и направление ветра в конкретном месте за определённый период, и других погодных показателей, например, дождливости и облачности.
А также используются менее известные типы диаграмм:
Создать диаграмму можно вручную (обычно это делается на миллиметровой бумаге) или с помощью компьютера, используя различные программы и приложения, в том числе известные всем Word или Excel. Продукты пакета Office работают в связке, так что можно рассчитать данные диаграммы в электронной таблице, а потом импортировать и оформить полученный результат в Ворд. Это удобный способ для того, чтобы позже изменить показатели без каких-либо проблем. Составить графики также возможно в многочисленных онлайн-сервисах.
