5 способов сделать график или диаграмму понятными и клиентам, и коллегам, и себе — Дизайн на vc.ru
Вот ты собрал статистику, скоро нужно будет показать ее клиенту, но как грамотно визуализировать эту информацию? Важно не только знать о существовании графиков, диаграмм и дашбордов, но и грамотно их применять.
20 349 просмотров
Неверный выбор визуализации может заставить скучать ваших клиентов, ввести их в заблуждение или даже нарушить доверие. На эту тему перевели для вас интересные и достаточному простые мысли и советы дизайнера Люси Тодд. Шпаргалка в закладки.
Фото: Люси Тодд
Гистограммы
Для данных, которые изменяются с течением времени или группируются по категориям, например, по отраслям — гистограммы подойдут отлично.
Фото: Люси Тодд
Что поможет сделать вашу гистограмму понятной:
- расположите столбцы в хронологическом порядке;
- используйте одну ось, чтобы обозначить время, а другую — чтобы обозначить количество;
- не упорядочивайте данные от большего к меньшему или наоборот — лучше использовать хронологический порядок.
Если для простой гистограммы у вас много данных, вы можете создать отдельные графики или же объединить столбцы в одном графике. Можно, например, наложить столбцы друг на друга, как это показано в примере из годового отчета по динамике поставок Bluetooth-устройств ниже:
Фото: Люси Тодд
Упорядочить столбцы диаграммы от большего к меньшему стоит, когда данные сгруппированы в несколько категорий и не связаны по времени.Такой способ организации информации помогает быстро делать выводы. Однако, если все цифры суммируются, как доходы компании от разных продуктов, лучше использовать круговые диаграммы.
Линейные графики
Фото: Люси Тодд
Линейные графики также хороши для данных, которые группируются по категориям и изменяются по времени. Однако с помощью линейного графика можно учесть все нюансы статистики. Это отличный выбор для отображения информации в течение очень длительных периодов или большого количества постепенно изменяющихся данных. Линия на графике способна изгибаться и изменяться с большей детализацией.
Красивая диаграмма, которую никто не может прочитать — это просто абстрактное искусство.
Однако и с линейными графиками нужно быть осторожным. У вас должен быть полный набор данных, чтобы избежать искажения картины. Иначе, промежутки с падением или ростом вы не заметите и соедините точки в графике прямыми линиями. Аллен Дауни к своей статье предлагает отличный пример линейной диаграммы, иллюстрирующей вероятность рождения первого ребенка позже срока, в течение девяти недель:
Фото: Люси Тодд
В графике зафиксировано более чем 30 тыс. случаев рождения — это достаточно, чтобы учесть все изменения во времени. Для отображение частей целого этот график не подойдет.
Круговые и кольцевые диаграммы
Фото: Люси Тодд
Круговые диаграммы довольно часто используют для визуализации данных. Есть, так называемые круглые (заполненные) диаграммы и кольцевые (похожие на пончики). Однако их использование не всегда оправдано.
Круговая диаграмма можно использовать, когда необходимо показать части целого. Банальный пример: с помощью круговой диаграммы можно изобразить, что 75% гусениц из 100% любят яблоки.
В отличие от гистограмм и линейных графиков, круговые диаграммы нельзя использовать, чтобы показать увеличение или уменьшение. Посмотрим на примере статистики по видеомаркетингу от Tubular Insights.
В период с 2016 по 2017 год количество просмотров видеоконтента брендов на YouTube увеличилось на 99%. Круговая диаграмма, показывающая 99%, будет неправильной. Создается впечатление, в 99% случаев люди смотрели ролики от брендов, а это не соответствует действительности. Лучше выбрать гистограмму с двумя столбцами, один из которых представляет количество просмотров в 2016 году, а другой представляет увеличение на 99% по сравнению с прошлым годом:
Фото: Люси Тодд
Если вы хотите использовать такие диаграммы для визуализации изменяющихся во времени данных, создавайте новые круги для каждого нового периода и ставьте их рядом для сравнения.
Квантограммы
Фото: Люси Тодд
Квантограмма — это повторяющиеся пиктограммы, используемые для отображения количества. Типичный пример — отображение количества людей. Эта визуализация отлично подходит для изображения небольших чисел (например, «12 новых ресторанов открыли на нашей улице») или процентов/пропорций (например, «на нашей улице три из четырех ресторанов [75%] подают пиццу»).
Для визуализации больших чисел их лучше не применять. Представьте, вам нужно отобразить такую статистику «11 214 единиц, проданных в 2018 году». Однако такое количество иконок почти невозможно изобразить, так что можно пояснить «1 корзина = 1000 товаров» и изобразить 11 корзин.
Некоторые скажут, что 11 214 единиц — впечатляющее число, визуализация с уменьшенным пропорционально количество может «убить» визуализацию. Для отображения большего количества данных подойдет типографика.
Если ваши данные подходят для визуализации с помощью квантограммы, подумайте, какие пиктограммы вам следует использовать.
Типографика
Фото: Люси Тодд
При правильном использовании типографика — отличный способ визуализировать информацию. Не следует использовать этот тип визуализации данных только для эффектной картинки. Когда подойдет этот тип визуализации:
- число больше 100;
- не нужно изображать процент от целого или процентное увеличение / уменьшение;
- не нужно сравнивать с другим числом.
Один из способов улучшить типографику — объединить ее с пиктограммой, иконкой или иллюстрацией. Это поможет рассказать зрителю о предмете статистики. Вот пример совмещения различных типов визуализации:
Фото: Люси Тодд
В этом примере имеет смысл визуализировать число 16 с помощью квантограммы — это небольшое число. Но изобразить 1,8 млн было бы невозможно, поэтому дизайнер и воспользовался типографикой.
Независимо от того, какое решение лучше для ваших данных, об эстетике визуализаций тоже лучше не забывать. Неоновый линейный график с современным шрифтом, конечно, не подойдет для отчета перед инвесторами. Плоская серая круговая диаграмма не подойдет для брошюры летнего лагеря.
Всегда следите за тем, чтобы форма и содержание были одинаково хорошо продуманы: красивая графика, которую никто не может прочитать — это просто абстрактное искусство.
Конец.
В Облаке работает сервис по анализу и визуализации бизнес-данных DataLens. Узнать о сервисе и повизуализировать бесплатно можноздесь.
Подписывайтесь на блог Яндекс.Облака, чтобы узнавать еще больше новостей и историй об IT и бизнесе.
Что сейчас активно читают наши подписчики:
14 сервисов для создания инфографики онлайн
- Инфографика
- 3 мин на чтение
- 45584
В последнее время всё чаще можно встретить применение инфографики на блогах и сайтах абсолютно разной тематики. Опытные маркетологи и вебмастера давно поняли, что изображения гораздо убедительней слов.
Инфографика — это визуализация данных, или (проще говоря) — искусство передать цифры статистики, информации, данных и знаний образным языком графики.
Три важных фактора воздействия инфографики:
1. Более 45% пользователей кликнут на ссылку, если она ведет на инфографику
2. 30% пользователей поделятся этой инфографикой, даже если она не несет важной информации
3. Остальные пользователи пребывают в астрале)
Предлагаем вашему вниманию 14 бесплатных инструметов, призванных сделать процесс визуализации информации более простым и комфортным:
1. Hohli Builder — онлайновый сервис для создания красивых диаграмм и графиков. Судя по названию — не иначе как земляки придумали!☺)
2. Сreately — здесь есть возможность подставить свои данные в готовый шаблон и получить красивую, профессиональную инфографику. Поодерживает 7 языков, среди которых — русский.
3. Infogr.am — простой и удобный инструмент для создания интерактивной инфографики. Стоит попробовать в деле!
4. Piktochart — несколько бесплатных настраиваемых тем для создания собственной инфографики и более 200.000 пользователей по всему миру. Базовая версия бесплатна, расширенная обойдется в $29 в месяц. Читать наш обзор Piktochart.
5. Visual.ly — здесь тоже есть ряд бесплатных тем для создания инфографики, но в большей степени это библиотека аккуратно отсортированных работ со всего мира. Сюда нужно ходить за вдохновением!
6. Google Charts — сервис создаст красивые и легко настраиваемые графики и диаграммы из данных, которые вы ему “скормите”. Полученное отлично ляжет в основу дельной инфографики или отличной презентации.
7. Vizualize.me — сервис, превращающий ваше LinkedIn-резюме в инфографику. Российский аналог — Resumup.ru .
8. Google Public Data Explorer — поиск по открытым статистическим данным со всего мира. Ищем, забираем, трансформируем в инфографику.
9. Wordle — старенький, но все еще исправно работающий сервис для создания эффективных словесных визуализаций. Вводите собственный текст — получаете “облако” с выделением наиболее упоминаемых слов.
10. Capsidea — новая многообещающая разработка от российской команды, имеющая в своем арсенале множество функций и возможностей, в том числе визуализацию потоковых данных в режиме реального времени.
11. Visage — онлайн-инструмент для построения обычных графиков и диаграмм с возможность добавления собственного фона, текста и цвета. Эдакий MS Excel, но со спокойными цветами. Читать наш обзор Visage.
12. Tagxedo превращает слова (известные речи, новостные статьи, слоганы и тематики, даже ваши любовные признания) в облака слов, оказывающие визуальное воздействие на пользователя.
13. Cacoo – онлайн инструмент для рисования, который делает возможным создание разных видов инфографики, включая карты сайта, схемы страниц, UML (Unified Modeling Language — унифицированный язык моделирования) и сетевые графики. Сервис позволяет совершать совместную работу в реальном времени, а значит несколько пользователей могут делиться друг с другом и добавлять в блог одну диаграмму одновременно.
14. Easel.ly — приложение дает возможность возможность создавать красивую инфографику онлайн без знаний основ графических редакторов.
Источник: medium
- #инструменты
- #инфографика
- #сервисы
- 14
Бесплатный редактор графиков | Создавайте потрясающие графики за
минутНе дизайнер? Не проблема. Благодаря бесплатной библиотеке легко редактируемых шаблонов диаграмм Venngage каждый может создавать потрясающие графики за считанные минуты. Более 40 000 компаний доверились бесплатному инструменту Venngage для создания графиков, чтобы улучшить визуализацию своих данных!
Доверено
Вы можете создавать потрясающую графику для визуализации данных, даже не имея опыта проектирования. Зачем нанимать эксперта, если вы можете настроить свой любимый шаблон отчета или презентации за считанные минуты?
Excel может быть сложным и выглядит не очень хорошо. Забудьте о скучных коммуникациях, у Venngage есть сотни шаблонов диаграмм для проектов, показателей, этапов компании, предложений и многого другого!
Наш интуитивно понятный инструмент для создания графиков поможет вам выглядеть хорошо в кратчайшие сроки с помощью профессионально разработанных шаблонов — достаточно мощных для маркетологов, руководителей и других специалистов.
Необработанные данные для потрясающих графиков. Введите новые данные в простую таблицу, вставьте ссылку на Google Sheets или загрузите файл Excel, чтобы автоматически импортировать информацию с помощью генератора графиков Venngage.
НАЧАТЬ
1
Создайте учетную запись Venngage — вы можете бесплатно зарегистрироваться с помощью электронной почты или учетной записи Google или Facebook.
2
Выберите шаблон одного из множества типов графиков: гистограммы, линейные графики, круговые диаграммы, диаграммы рассеивания, пузырьковые диаграммы и т. д.
3
Введите свои данные в нашу таблицу или импортируйте данные из электронной таблицы Google. График будет трансформироваться в соответствии с вашими данными в режиме реального времени.
4
Отредактируйте цвета с помощью нашего цветового круга. Попробуйте различные стили графиков, такие как линейные и гистограммы, одним щелчком мыши. Или оживите свои графики значками.
5
Поделитесь своим графиком с вашей командой с помощью инструмента для создания графиков Venngage. Или обновите, чтобы загрузить свое творение.
НАЧАТЬ
Наши гистограммы, круговые диаграммы, диаграммы, линейные графики, диаграммы рассеяния и другие типы шаблонов визуализации данных профессионально разработаны и легко редактируются.
Легко создавайте диаграммы, вводя свои данные в наш онлайн-конструктор графиков, или загружая файл Excel, или вставляя ссылку на свой Google Sheet для автоматического импорта данных.
Легко делитесь своими графиками в Интернете одним щелчком мыши, загружайте их в формате HTML для отправки по электронной почте, а также в формате PNG, PDF или PPT, чтобы отправлять их в виде изображений или добавлять в слайды или PowerPoint.
Выделитесь из толпы с помощью жирного шрифта из нашей коллекции. Получите доступ к нашей библиотеке из тысяч бесплатных и премиальных изображений, диаграмм и значков, чтобы улучшить свое творение.
Есть вопрос? Мы здесь, чтобы помочь! Наша служба поддержки работает круглосуточно, поэтому ваша команда может работать как часы. Мы поможем вам спроектировать быстрее!
Наш бесплатный инструмент для создания диаграмм интегрирован с Pixabay и Pexels, чтобы улучшить ваш дизайн. Получите доступ к потрясающим профессиональным фотографиям одним щелчком мыши.
НАЧАТЬ
Новичок в графическом дизайне? Без проблем.
От консервативного и скучного дизайна к креативным, смелым и мощным коммуникациям! У нас есть сотни полностью настраиваемых шаблонов для вас.
НАЧАТЬ
Вам может быть интересно: я не специалист по данным. Как я должен вводить свои числа, чтобы это не было огромной головной болью?
Будьте уверены: если вы знакомы с основами работы с электронными таблицами, вы сможете использовать онлайн-конструктор диаграмм Venngage!
НАЧАТЬ
Функции командыНАЧАТЬ
НАЧАТЬ
Нажмите кнопку «Начать сейчас» ниже. Вы зарегистрируетесь, используя свой адрес электронной почты, учетную запись Google или Facebook. Это бесплатно и кредитная карта не требуется.
Абсолютно. Редактор Venngage автоматически сохраняет вашу работу по ходу работы. Выйдите из нашего бесплатного генератора графиков и вернитесь в любое время, чтобы внести изменения, если это необходимо.
Вы можете бесплатно поделиться частной ссылкой с нашего онлайн-конструктора графиков. Тем не менее, для загрузки графика в формате PDF или PNG требуется небольшая ежемесячная плата.
НАЧНИТЕ СЕЙЧАС
НАЧНИТЕ СЕЙЧАС
Бесплатный онлайн-конструктор графиков | Нам доверяют 11 миллионов пользователей
Перейти к содержимому
Создайте график бесплатно, не имея опыта проектирования. Piktochart, которому доверяют 11 миллионов пользователей, прост и быстр. Используйте готовый шаблон для создания графиков и диаграмм онлайн без опыта проектирования.
11 миллионов человек во всем мире используют Piktochart
Создайте график и подключите его к Google Sheets
Из необработанных данных вы можете построить график онлайн с помощью Piktochart и сэкономить время. Свяжите свой файл Excel или электронную таблицу Google, чтобы легко создавать диаграммы, которые автоматически обновляются вместе с вашими данными. Объедините различные диаграммы на одной странице, чтобы создать профессионально выглядящую интерактивную информационную панель, готовую к совместному использованию с вашими заинтересованными сторонами.
Выбирайте из нескольких форматов, типов диаграмм и бесплатных шаблонов, которые превратят человека, не являющегося дизайнером, в профессионала.
Создайте бесплатную учетную запись
Держите свои графики в соответствии с брендом
Загрузите, затем перетащите свой логотип или снимок экрана вашего веб-сайта, чтобы автоматически извлечь цвета вашего бренда. Хотите использовать фирменные шрифты? Без проблем. Ваша пользовательская цветовая палитра и загруженные шрифты всегда будут доступны в редакторе.
Все типы графиков имеют множество параметров настройки, чтобы ваши графики выглядели так, как вы хотите. гистограммы, круговые диаграммы, диаграммы — в галерее есть профессионально разработанные шаблоны для красивой визуализации данных.
Изучите Piktochart прямо сейчас
Диаграммы, графики и диаграммы
Простое переключение между различными типами диаграмм
Нужны ли вам диаграммы, линейные диаграммы, гистограммы, круговые диаграммы или диаграммы любого другого типа, в галерее Piktochart есть предварительные настройки. сделал шаблоны для любого формата. Введите серию данных один раз и посмотрите, как выглядит визуализация данных с использованием различных диаграмм. Если вы вернетесь и решите, что хотите использовать другой тип диаграммы, вы можете использовать наш конструктор диаграмм, чтобы изменить его снова.
Зарегистрируйтесь бесплатно
Создание контента с помощью бесплатных шаблонов
Добавьте свою диаграмму в любой формат
С помощью нашего онлайн-конструктора диаграмм вы можете легко создавать отчеты, презентации, инфографику (и многое другое), которые произведут впечатление на ваших коллег. Piktochart настолько прост, что им можно сразу пользоваться без обучения. Отредактируйте шаблон диаграммы, разработанный экспертами, или создайте графику с нуля.
Создавайте дизайн с помощью бесплатной библиотеки графики, значков, шрифтов и шаблонов диаграмм, загружайте собственные изображения и создавайте визуальные эффекты без особых усилий. Вы можете просто добавить к своим слайдам круговую диаграмму, столбчатую диаграмму или график другого типа.
Попробуйте прямо сейчас
Создайте один раз, используйте навсегда
С групповой учетной записью нет необходимости тратить часы на повторное создание одного и того же отчета или диаграммы каждую неделю или месяц. Организуйте свои шаблоны и прошлые проекты в папках. Предоставьте любому члену вашей команды возможность перепрофилировать контент на лету, что в конечном итоге сэкономит их время.
Создать сейчас
Добавьте свои собственные графики в любой шаблон
Годовая информационная панель
Панель управления наймом
Маркетинговый прогресс
Ежемесячный маркетинговый отчет
Ежеквартальная информационная панель продаж
Вебинар
Отзывы
Эрика Барто
Специалист по отбору, тестированию и оценке, Valero Energy Corporation
«Piktochart — это мой инструмент, когда я ищу способ обобщить данные, которые может легко просмотреть наше высшее руководство. Piktochart предоставляет мне инструменты для творческого и визуально привлекательного отображения данных».
Клаудия Байод Боррего
Руководитель отдела внутренних коммуникаций Arval BNP Paribas Group
«Piktochart позволил мне изменить стиль общения в моей компании. Кампании стали более наглядными, современными и привлекательными благодаря шаблонам, которые всегда служат источником вдохновения. Теперь им пользуются даже мои коллеги! Piktochart помог мне привлечь внимание к мероприятиям, увеличить количество участников, повысить ценность внутренних кампаний и укрепить культуру и коммуникативный поток моего бизнеса».
Присцила Алдана
Управление талантами, Boston Scientific
«Как ассистент отдела кадров я должен находить новые и творческие способы привлечения наших сотрудников и эффективного общения в крупной организации. Piktochart очень помог мне в этом».
Шарон Йенг
Бухгалтер, SIA Engineering Ltd.
«Piktochart помогает мне переводить часто сухие финансовые политики и стандарты бухгалтерского учета в простые для понимания и краткие одностраничные изображения для руководства».
Как сделать график онлайн
1. Войдите в системуПодпишитесь на бесплатный план или войдите в свою учетную запись Piktochart.
2. Выберите бесплатный шаблонВыберите шаблон графика, созданный дизайнерами, или начните с нуля.
3. Откройте средство создания диаграммПерейдите в раздел «Инструменты» и откройте средство создания диаграмм Piktochart. Вы сможете построить график онлайн.
4. Введите свой набор данныхСкопируйте и вставьте точки необработанных данных в наш редактор графиков или загрузите файл Excel или CSV. Вы можете связать Google Sheet, чтобы данные на графике обновлялись автоматически.
5. НастройтеОтредактируйте один из шаблонов (выберите из различных типов графиков или диаграмм) и настройте метки данных, ось X, ось Y, заголовок графика, цвет фона и многое другое.
6. Загрузите пользовательскую диаграмму или поделитесьЗагрузите графику в формате jpg, png или pdf. Кроме того, поделитесь своей диаграммой в Интернете.
Исследуйте другие шаблоны
SWOT-матрица
Панель управления вербовкой
Ежеквартальный отчет по социальным сетям
Визуализация данных с помощью различных типов графиков
Line Graph MakerСоздавайте линейные графики для иллюстрации информации, которая меняется с течением времени. С помощью графического редактора Piktochart вы можете визуализировать данные за считанные секунды. Выберите из галереи шаблоны, значки, шрифты и изображения для настройки.
Создатель кольцевых диаграммСвяжите свой файл Excel или Google Sheet для создания кольцевых диаграмм, которые автоматически обновляются в Piktochart. Используйте разные диаграммы в одной презентации с помощью нашего онлайн-конструктора диаграмм.
Средство создания точечных диаграммВключите точечную диаграмму на панель инструментов, чтобы преобразовать набор данных в наглядную историю, которая привлечет внимание вашей аудитории. Добавляйте значки и изображения в шаблоны диаграмм для создания профессиональной графики и загружайте свою работу, когда она будет готова.
Средство создания круговых диаграммСоздайте профессиональную интерактивную информационную панель, которой можно поделиться с заинтересованными сторонами, и добавьте круговую диаграмму в цветах вашего бренда. Вы можете получить доступ к бесплатным шаблонам графиков и диаграмм, которые сделают все ваши визуальные эффекты и круговые диаграммы красивыми.
Средство создания гистограммС помощью Piktochart вы можете создавать впечатляющие отчеты, презентации и инфографику. Используйте средство создания диаграмм, чтобы представить данные в этих визуальных элементах без каких-либо усилий.
Средство создания сравнительных диаграммСравните два продукта или выделите плюсы и минусы той или иной темы с помощью сравнительной таблицы в Piktochart. Выберите цвета, которые вы предпочитаете, и быстро создайте визуальный образ. С помощью нашего редактора перетаскивания вы создадите график за считанные минуты.
Готовы создавать графики за считанные минуты?
Присоединяйтесь к более чем 11 миллионам человек, которые уже используют бесплатный конструктор графиков Piktochart.
Создайте бесплатную учетную запись
Часто задаваемые вопросы
Да, средство для создания графиков Piktochart можно использовать бесплатно. План предлагает доступ ко многим функциям инструмента, включая загрузки. Кроме того, бесплатный план не требует использования нашего водяного знака; визуальные эффекты, которые вы создаете, принадлежат вам. Дополнительные преимущества могут быть доступны с платными планами.
Нет, вам не нужен опыт проектирования, чтобы использовать средство для создания графиков. Пока вы используете онлайн-инструмент, предназначенный для недизайнеров, например Piktochart или Canva. Выберите бесплатный шаблон из галереи Piktochart, отредактируйте и настройте его в соответствии с вашим брендом, чтобы создать профессиональный визуальный элемент. После завершения просто загрузите график в нужном вам формате. Онлайн-платформа также позволяет импортировать данные из Excel или Google Sheets.
С помощью средства создания диаграмм вы можете создавать широкий спектр диаграмм и графиков, в том числе:
- Гистограммы
- Диаграммы рассеяния
- Сравнительные диаграммы
- Линейные графики
- Пиктограммы
Да, вы можете использовать средство создания диаграмм для создания диаграмм и графиков для презентаций или отчеты, если вы используете для этого специальный инструмент. Онлайн-конструкторы диаграмм, такие как Piktochart и Canva, позволяют пользователям добавлять несколько диаграмм в один и тот же отчет и настраивать дизайн своих шаблонов.