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

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

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

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

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

Давайте посмотрим на инфографику о мировом производстве масла.

^{Инфографика Top Lead для компании Baker Tilly. Посмотреть в полном размере.}

Здесь все — и объемы производства, экспорт, прогнозы, спрос, потребители и еще тонны информации. Эта инфографика вмещает в себя по сути огромный объем данных по целой отрасли. Тем не менее она проста в восприятии, и на графике четко видны определенные тенденции.

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

1. Вам нужно сравнивать величины?

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

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

2. Вы хотите показать структуру чего-либо?

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

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

3. Вы хотите понять, как распределяются данные?

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

Используйте эти диаграммы: точечная диаграмма, линейная диаграмма, гистограмма.

4. Вы заинтересованы в анализе тенденций в определенном наборе данных?

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

Вам пригодятся: линейная диаграмма, двойная ось (столбец и линия), гистограмма.

5. Хотите лучше понять взаимосвязь между установленными значениями?

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

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

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

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

^{Инфографика Top Lead для юридической компании AEQUO}

Рекомендации по дизайну для столбчатых диаграмм

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

2. Используйте горизонтальные метки, чтобы улучшить читаемость.

3. Начните ось y с 0, чтобы правильно отразить значения на графике.

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

^{Инфографика Top Lead для интернет-издания Aggeek. Посмотреть в полном размере.}

Рекомендации по дизайну для гистограмм

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

2. Используйте горизонтальные метки, чтобы улучшить читаемость.

3. Начните ось Y с 0, чтобы правильно отразить значения на графике.

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

^{Инфографика Top Lead. Линейная диаграмма — снизу.}

Рекомендации по дизайну для линейных диаграмм

1. Используйте сплошные линии.

2. Не рисуйте больше четырех линий, чтобы избежать появления визуальных отвлекающих факторов.

3. Используйте правильную высоту, чтобы линии занимали примерно 2/3 высоты оси Y.

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

^{Инфографика Top Lead для Growth Up. Диграмма с двойной осью — вверху.}

Рекомендации по дизайну для диаграмм с двумя осями

1. Используйте левую ось Y для основной переменной, потому что для людей естественно сначала смотреть влево.

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

3. Выберите контрастные цвета для сравниваемых наборов данных.

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

^{Инфографика Top Lead для компании Baker Tilly. Сверху вниз: круговая диаграмма, две обласных диаграммы, круговые диаграммы.}

Рекомендации по дизайну для диаграмм областей

1. Используйте полупрозрачные цвета.

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

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

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

^{Инфографика и верстка — Top Lead. Для «Нафтогаз України». Штабельная диаграмма — внизу слева. Посмотреть в полном размере.}

Рекомендации по дизайну для штабельных диаграмм

1. Лучше всего использовать ее для иллюстрации отношений «часть-целое». Для большей наглядности выбирайте контрастные цвета.

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

Круговая диаграмма отображает статическое число и то, как части складываются в целое — состав чего-либо. Круговая диаграмма показывает числа в процентах, и общая сумма всех сегментов должна равняться 100%.

^{Инфографика и верстка — Top Lead. Для «Нафтогаз України». Посмотреть в полном размере.}

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

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

2. Убедитесь, что общая сумма всех частей составляет 100%.

3. Необходимо упорядочить части в соответствии с их размером.

^{Инфографика Top Lead для компании Baker Tilly. Посмотреть в полном размере.}

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

^{Инфографика и верстка — Top Lead. Годовой отчет «Нафтогаз України». Диаграмма-водопад в верхней половине верстки. Посмотреть в полном размере.} 

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

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

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

Диаграмма-воронка отображает последовательность этапов и скорость завершения каждого из них. Ее можно использовать для отслеживания процесса продаж или взаимодействия пользователей с сайтом.

^{Инфографика Top Lead.}

Рекомендации по дизайну для воронкообразных диаграмм

1. Масштабируйте размер каждой секции, чтобы точно отобразить объем набора данных.

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

Есть еще несколько видов графиков — они используются не так часто, но тоже могут пригодиться для визуализации болььших объемов данных. Среди них:

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

Рекомендации по дизайну для точечных диаграмм

1. Включите больше переменных, таких как разные размеры, чтобы объединить больше данных.

2. Начните ось Y с 0 для точного распределения данных.

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

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

Рекомендации по дизайну для пузырьковых диаграмм

1. Проводите градацию пузырьков по занимаемой ими площади, а не по диаметру.

2. Убедитесь, что метки четкие и хорошо видны.

3. Используйте только круги.

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

Рекомендации по разработке дизайна для шкалы со значениями

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

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

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

Рекомендации по разработке дизайна для тепловой карты

1. Используйте базовый и четкий план карты, чтобы не отвлекать зрителей от данных.

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

3. Избегайте использования нескольких шаблонов.

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

Чтобы узнать больше о подготовке нефинансовых отчетов и послушать кейсы таких компаний как Coca-Cola, Kernel, Нова Пошта, 1+1 Media, Infopulse и других, регистрируйтесь на нашу онлайн-конференцию Corporate Reporting Conference 2020. Жмите на баннер, чтобы узнать подробности, а  билеты покупайте прямо в Фейсбуке:

Что такое векторная графика? Все о векторной графике

Навигация по странице :

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

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

Где используется векторная графика

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

К основным сферам применения вектора относятся такие отрасли:

• рекламное производство;
• полиграфическое производство;
• архитектура и проектирование;
• составление чертежей, схем, карт;
• печатные издания и т.д.

Кроме этого, возможности вектора используют и во многих других отраслях.

Программное обеспечение для работы с векторной графикой

Обработка векторных картинок и схем осуществляется специальным ПО. К наиболее распространенным программам относятся: AutoCAD, Adobe Illustrator, Adobe FreeHand, Adobe InDesign, Corel Draw, ArchiCAD.

Наиболее распространенные векторные форматы – это:

• EPS – самый распространенный формат, разработанный Adobe на языке PostScript, поддерживаемый большинством специальных программ.
• DWG – формат известный всем инженерам и проектировщикам, разработанный Autodesk, применяемый в универсальной чертёжной программе AutoCAD. Несовместимость ранних и поздних версий. Может быть открыт в Corel Draw.
• CDR – формат, разработанный для редактора Corel Draw. Не совместим с другими форматами и собственными ранними версиями.
• AI – файлы, которые создаются редактором Adobe Illustrator. Возможна несовместимость ранних и поздних версий.
• FLA – рабочий формат Adobe Flash, ориентированный на анимацию. Использование языка Action Script позволяет создавать управляемые сценарии.
• SVG – формат, основанный на языке разметки XML. По структуре это текстовый файл, что дает возможность редактировать векторные файлы в текстовом редакторе. Управление атрибутами изображения возможно при помощи таблицы стилей CSS. Имеется поддержка анимации.
• SWF – формат для программы Flash Player. Позволяет работать с анимацией.

Достоинства и недостатки векторной графики

К числу основных плюсов векторных изображений относятся такие особенности:

• Сравнительно малый размер файлов при умеренной или небольшой сложности и детализации картинок. Объем может существенно возрастать при увеличении количества и сложности деталей.
• Возможность простого редактирования и масштабирования изображений, вращения, растягивания, перемещения и других операций без ухудшения качества.
• Универсальность. Созданный один раз в векторном формате файл можно использовать для разных носителей и целей, не подвергая его существенным изменениям. Это может быть и небольшая картинка на сайте, и полноразмерный баннер наружной рекламы. Не требуется каждый раз отрисовывать изображение заново, как это приходится делать при работе с растровой графикой.
• Простой перевод векторного формата в растровый. Обратный перевод осуществляется намного сложнее.
• Возможность выполнения операций сложения, вычитания, пересечения, дополнения над объектами.
• Сравнительно простое освоение навыков работы с векторными рисунками.

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

• Технические ограничения использования. Векторный формат не позволяет делать изображения повышенной сложности со значительным числом деталей и с градиентами. Технически такая возможность есть, но итоговые файлы будут слишком большими, что лишает работу смысла.
• Отсутствие поддержки вектора техникой – камерами, фотоаппаратами, сканерами и т.д. Вся эта аппаратура выполняет создание графики в растровом формате.
• Проблемы с совместимостью между отдельными форматами и программным обеспечением для работы с векторной графикой. Они часто вступают в конкуренцию друг с другом. В результате при использовании «не родного» софта не удается получить качественное изображение без дефектов.
• Повышенные системные требования к компьютеру при отрисовке сложных изображений. Это связано с тем, что в файле размещены только координаты. Отрисовка же выполняется после его открытия, что может требовать значительных ресурсов.
• Повышенная сложность и трудоемкость создания изображений в высоком качестве.
• Ограничения на использование эффектов. Принцип формирования векторной графики не позволяет использовать многие эффекты, градиенты, тени.

Отличие вектора от растра

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

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

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

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

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

Перенос текста и перемещение рисунков в Word

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

Открытие параметров разметки

1. Выберите рисунок.

2. Выберите значок Параметры разметки.

3. Выберите нужные параметры.

   • Чтобы вывести изображение перед текстом и настроить его так, чтобы он остался на определенном месте на странице, выберите Перед текстом (в области Обтекавание текстом ),а затем выберите Исправить положение на странице.

   • Чтобы текст обтекал рисунок, но при добавлении или удалении текста он перемещался вверх или вниз, выберите вокруг него квадрат (в области Обтекавание текстом ),а затем — Переместить вместе с текстом.

Дополнительные сведения и примеры см. в статье Обтекание рисунков текстом в Word.

Не удается выделить рисунок?

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

Для выделения рисунка используйте область выделения.

1. На вкладке Главная нажмите кнопку Выделить и выберите пункт Область выделения.

2. В области выделения выберите рисунок.

Точнее перемещение рисунков

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

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

1. Выберите первый объект.

2. Удерживая на удержании клавишу CTRL, выберите другие объекты.

3. Щелкните правой кнопкой мыши один из объектов, найдите группу ивыберите группу.

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

   Обтекать текстом.

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

1. Выделите рисунок.

2. Выберите значок Параметры разметки.

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

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

Разрешение перекрытия рисунков

Если вы хотите, чтобы рисунки на странице перекрывали друг друга, включите этот параметр в окне Макет.

1. Выберите рисунок.

2. Выберите значок Параметры разметки.

3. Выберите Подробнее.

4. Внизу вкладки Положение в группе Параметры установите флажок Разрешить перекрытие.

5. Повторите это действие для каждого рисунка, для которого требуется разрешить перекрытие.

Выравнивание рисунков относительно других объектов

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

1. Удерживая на удержании клавишу CTRL, выберите каждый объект, который вы хотите выровнять.

2. Перейдите в параметры Формат рисунка или Формат >Выровнять,а затем выберите один из вариантов, например По центру, Сверху или Снизу.

Привязки

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

Все остальные варианты обтекания («По контуру», «Вокруг рамки», «Сквозное», «Сверху и снизу», «За текстом», «Перед текстом») привязываются к определенному месту в документе; привязка указывает на абзац, с которым связан объект. Выберите рисунок, а затем выберите значок Параметры разметки, чтобы узнать, как будет вставлен рисунок.

Примечания: Если вы выбрали рисунок, но он не в тексте, но не отображается привязка объекта, вы можете убедиться, что привязки показаны двумя способами:

• Показать знаки форматирования    На вкладке Главная в группе Абзац выберите показать или скрыть ¶.

• Всегда показывать привязки    Выберите Параметры > >отображения, а затем выберите Привязки объектов.

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

Дополнительные сведения и примеры см. в статье Обтекание рисунков текстом в Word.

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

1. Выделите рисунок.

2. Выберите значок Параметры разметки.

3. Выберите Дополнительные ивыберите Закрепить привязку.

   Примечание: Так как привязки не используются для рисунков с обтеканием «В тексте», для них недоступна блокировка привязки и все другие параметры размещения.

См. также

Обтекание рисунков текстом в Word

Поворот текстового поле, фигуры, wordArt или рисунка в Word

Группировка и отмена группировки фигур, рисунков и других объектов

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

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

Закончив, нажмите клавиши CTRL+S, чтобы сохранить документ в исходном месте. Затем вы можете снова открыть его в Word в Интернете и продолжить редактирование. Word в Интернете сохранит параметры макета, которые вы применили в классической версии Word.

Изучение основ работы с think-cell :: think-cell

В этой главе представлены базовые концепции работы со всеми элементами think-cell.

3.1

Панель инструментов и меню «Элементы»

3.2

Вставка элементов

3.3

Поворот и переворот элементов

3.4

Изменение размера элементов

3.5

Выбор элементов и компонентов

3.6

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

3.1 Панель инструментов и меню «Элементы»

После установки think-cell на вкладке Вставка ленты в PowerPoint вы увидите следующую группу:

Далее мы будем называть эту группу ленты панелью инструментов think-cell. С помощью панели инструментов think-cell вы можете использовать большинство функций think-cell.

Примечание. Мы также будем называть термином кнопка «Элементы» кнопку Элементы в PowerPoint и кнопку Диаграммы в Excel.

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

Доступны следующие элементы:

Кроме того, существует универсальных соединителей для связывания элементов (дополнительные сведения см. в разделе Универсальные соединители).

И, наконец, меню  Дополнительно предоставляет другие полезные инструменты (см. раздел Средства презентации) для упрощения работы с PowerPoint.

3.2 Вставка элементов

Вставка элементов в презентацию выполняется так же, как вставка фигуры PowerPoint. Чтобы создать элемент на слайде, откройте панель инструментов think-cell и нажмите кнопку Элементы. Затем выберите необходимый элемент. Вы можете заметить небольшие метки стрелок вокруг некоторых элементов. Если навести указатель мыши на эти метки, вы сможете выбрать повернутые и перевернутые версии этих элементов.

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

• Нажмите клавишу Esc, чтобы отменить операцию вставки.
• Снова нажмите кнопку Элементы, чтобы выбрать другой элемент.

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

• Нажмите левой кнопкой мыши один раз, чтобы разместить элемент с шириной и высотой по умолчанию.
• Удерживайте левую кнопку мыши и перетащите указатель, чтобы создать элемент другого размера. Ширина некоторых элементов при вставке зафиксирована. В этом случае изменить можно только высоту. Вы в любом случае можете изменить размер элемента в любое время.

При вставке или изменении размера элемента можно заметить, что он прикрепляется к определенным местоположениям.

Привязка используется в следующих целях.

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

Как и в PowerPoint, вы можете удерживать клавишу Alt для перемещения указателя мыши без привязки.

3.3 Поворот и переворот элементов

В меню Элементы небольшие метки стрелок вокруг пятиугольника/шеврона и символы диаграммы с накоплением, с группировкой, 100-процентной диаграммы, графика, каскадной диаграммы и диаграммы Mekko позволяют вставить перевернутую (и, если доступно, развернутую) версию этих элементов.

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

3.4 Изменение размера элементов

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

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

В качестве высоты или ширины всех элементов устанавливается максимальное значение высоты или ширины отдельных элементов.

3.5 Выбор элементов и компонентов

Элементы think-cell часто содержат отдельные доступные для выбора части, которые мы называем компонентами. Например, элемент диаграммы состоит из сегментов, соответствующих значениям в таблице, и также может содержать метки, оси, стрелки разницы, соединители и т. д.

Вы можете определить компонент по оранжевой рамке, которая отображается при наведении указателя мыши на него. Если нажать на компонент, рамка станет синей, обозначая текущий выбранный компонент. Кроме того, может появиться перемещаемая панель инструментов. Она содержит набор элементов управления свойствами, с помощью которых можно изменить внешний вид компонента. Рекомендуется изучить вставленный элемент, чтобы ознакомиться с его компонентами и их свойствами.

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

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

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

Удалить компонент можно несколькими способами.

• Щелкните компонент левой кнопкой мыши, чтобы выбрать его, и нажмите клавишу Delete или ← на клавиатуре.
• Нажмите на компонент правой кнопкой мыши, чтобы открыть контекстное меню think-cell. Нажмите кнопку  Удалить, чтобы удалить компонент из элемента.
• Откройте контекстное меню think-cell, которое вы использовали, чтобы добавить компонент. Нажмите ту же кнопку снова, чтобы удалить компонент.

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

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

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

3.5.1 Множественный выбор

Вы можете быстро выбрать диапазон компонентов, которые связаны друг с другом. Такую процедуру называют логическим множественным выбором. Она работает так же, как в проводнике Microsoft Windows. Выберите первый компонент в диапазоне, щелкнув него левой кнопкой мыши, и затем, удерживая кнопку Shift, щелкните последний компонент в диапазоне. При перемещении указателя мыши с удерживанием клавиши Shift диапазон компонентов, который будет выбран, выделяется оранжевым цветом.

Чтобы добавить отдельные компоненты в выделенный фрагмент или удалить их из выделения, удерживайте кнопку Ctrl при выборе. Опять же, множественный выбор в проводнике Microsoft Windows работает точно так же.

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

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

3.5.2 Навигация с использованием клавиатуры

Во многих случаях вам не требуется мышь, чтобы выбрать другие объекты на слайде. Вместо этого вы можете удерживать клавишу Alt и использовать клавиши со стрелкой ←, →, ↑ и ↓, чтобы выбрать другой объект.

• Когда выбрана фигура PowerPoint или элемент think-cell, Alt с клавишами курсора позволяет выбрать следующую фигуру по направлению стрелки.
• Если выбран компонент элемента, Alt с клавишами курсора позволяет выбрать следующий компонент такого же типа в элементе.

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

3.5.3 Сдвиг

При изменении слайда в увеличенном представлении (например, с масштабом 400 %) часто бывает сложно переместить ползунок и найти область для работы. Если установлена надстройка think-cell, вы можете использовать среднюю кнопку мыши для сдвига слайда. Просто наведите указатель мыши на слайд, нажмите на среднюю кнопку мыши и переместите слайд в нужное положение.

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

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

3.6 Форматирование и стили

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

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

3.6.1 Цвет и заливка

Элемент управления цветом применяется к компонентам с цветом заливки и к линиям на графиках. Он недоступен для текста, так как цвет текста и фона всегда задается автоматически.

Этот список содержит пункт Как ячейка Excel, если вы включили параметр Использовать функцию «Заполнять сверху» Excel в элементе управления цветовой схемой (см. раздел Цветовая схема). Чтобы сбросить цвет заливки сегмента, который вы установили вручную, выберите параметр Как ячейка Excel, чтобы использовать форматирование ячейки Excel.

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

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

think-cell добавляет последние использованные дополнительные цвета в палитру для быстрого доступа. В списке последних использованных цветов отображается разделяющая линия. Цвета над разделителем сохранены в презентации, поэтому они будут доступны вашим коллегам при редактировании презентации. Цвета под разделителем доступны только на вашем компьютере, потому что вы использовали их в другой презентации. Оба раздела могут содержать до 8 цветов. При использовании 9-го дополнительного цвета, первый цвет удаляется из списка.

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

3.6.2 Цветовая схема

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

Если установить флажок Использовать функцию «Заполнять сверху» Excel, think-cell применяет к диаграмме в PowerPoint цвет из параметров форматирования Excel. Это в особенности удобно, если вам необходимо контролировать цвета диаграммы во всем источнике данных Excel при наличии связанной диаграммы. Например, условное форматирование позволяет выделить положительные значения зеленым цветом, а красные значения — красным.

Если вы включили параметр Использовать функцию «Заполнять сверху» Excel и для ячейки, соответствующей сегменту данных, не задан цвет заливки в параметрах форматирования ячейки Excel, применяется соответствующий цвет из текущей цветовой схемы, то есть цвет заливки Excel применяется поверх цветовой схемы.

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

3.6.3 Сортировка сегментов

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

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

3.6.4 Сортировка категорий

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

3.6.5 Тип диаграммы

Элемент управления типом диаграммы меняет тип диаграммы для отображения одинаковых данных. Вы можете переключаться между диаграммой с накоплением, с группировкой, с областями и графиком. Чтобы переключиться на диаграмму 100 %, выберите тип оси % (см. раздел Изменение типа оси значений).

3.6.6 Тип линии

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

3.6.7 Цвета структуры

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

3.6.8 Схема линии

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

3.6.9 Фигура метки

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

3.6.10 Схема метки

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

3.6.11 Изменение цветов и шрифтов по умолчанию

think-cell может использовать цвета схемы PowerPoint для многих элементов и компонентов (например, осей, текста, стрелок и т. д.). Эти цвета, а также определения шрифтов всегда соответствуют цветам и шрифтам файла презентации по умолчанию. Если значения по умолчанию выбраны правильно, think-cell будет использовать их, если вы решите изменить цветовую схему.

Чтобы изменить параметры шрифта по умолчанию, просто измените образец слайдов презентации.

1. Выберите Вид на ленте.
2. В группе Режимы образцов нажмите Образец слайдов.
3. Выберите образец слайдов на левой панели, в которой отображаются образец слайдов и различные макеты с отступом. Обратите внимание, что при открытии представления образца слайдов выбирается тип макета текущего слайда, поэтому вам необходимо прокрутить экран вверх и выбрать образец слайдов без отступа.
4. Измените шрифты заполнителя основного текста в соответствии с корпоративным дизайном.

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

Для Office 2010:

1. На ленте перейдите в Конструктор.
2. В группе Темы нажмите Цвета.
3. В раскрывающемся списке выберите Создать Новый Тема Цвета…

Для Office 2013 и более поздних версий:

1. На ленте перейдите в Конструктор.
2. В группе Варианты нажмите кнопку со стрелкой вниз в нижней правой части.
3. В раскрывающемся списке выберите Цвета, а затем Настроить цвета…

В общем случае рекомендуются сохранить стандартные цвета в файле шаблона PowerPoint (*.potx) и строить все новые презентации на этом шаблоне. См. соответствующую процедуру в справке PowerPoint.

Если вы не можете изменить шаблон, как указано здесь, можно также указать цвета шрифта по умолчанию в стиле think-cell, как описано в разделе Настройка think-cell. Конкретные настройки цветов шрифта описаны в разделе Настройка свойств текста. Предпочтительно регулировать настройки шрифта по умолчанию в шаблоне PowerPoint, и стиль think-cell следует использовать с этой целью в последнюю очередь.

Page not found (404)

• Packs
  • Значок пакеты недавно Загрузил
  • Самых популярных значок пакеты
  • Эксклюзивные наборы значков
• категории
  • Сельское хозяйство Иконки
  • Животные Иконки
  • Аватар и смайлики Иконки
  • Красота и мода Иконки
  • Бизнес и финансы Иконки
  • Мультфильм Иконки
  • Кино, телевидение и фильмы Иконки
  • Одежда и аксессуары Иконки
  • Преступление и безопасность Иконки
  • Культура, религия и фестивали Иконки
  • Дизайн и разработка Иконки
  • Экология, окружающая среда и природа Иконки
  • Электронная торговля и покупки Иконки
  • Электронные устройства и оборудование Иконки
  • Файлы и папки Иконки
  • Флаги и карты Иконки
  • Дизайн и разработка Иконки
  • Экология, окружающая среда и природа Иконки
  • Gym и Fitness Иконки
  • Здравоохранение и медицина Иконки
  • Промышленность и инфраструктура Иконки
  • Инфографика Иконки
  • Дети Иконки
  • люблю Иконки
  • Разное Иконки
  • Музыка и мультимедиа Иконки
  • Сеть и связь Иконки
  • Недвижимость и строительство Иконки
  • Школа и образование Иконки
  • Наука и технологии Иконки
  • SEO и Web Иконки
  • Sign и Symbol Иконки
  • Социальные медиа и логотипы Иконки
  • Спорт и игры Иконки
  • Инструменты, строительство и оборудование Иконки
  • Транспорт и транспортные средства Иконки
  • Путешествия, отели и каникулы Иконки
  • Пользовательский интерфейс и жесты Иконки
  • Погода и сезоны Иконки
• стили значков
  • 3D Иконки
  • Badge Иконки
  • Filled outline Иконки
  • Flat Иконки
  • Glyph Иконки
  • Handdrawn Иконки
  • Long shadow Иконки
  • Outline Иконки
  • Photorealistic Иконки

• Log in
• Register

404 Icon by Laura Reen

Причины закономерностей на графике

В чем эта проблема?

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

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

Цена отскочила от «уровня поддержки», пробила его и отскочила от «уровня сопротивления». Знакомая картинка? Эти повторения оказывают на людей магическую силу. Дураки теряют волю, а умные — покой.

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

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

Почему так происходит?

Потому, что у цены всего две степени свободы — вверх и вниз. Это простое движение является следствием комбинации (и взаимного влияния) множества причин, приводящих цену в движение. Например, если каждое движение цены акции Сбербанка на 1 рубль имеет свою 1 уникальную причину, то за неделю на графике нарисуется несколько повторяющихся комбинаций. И эта закономерность станет причиной появления на бирже 500 тысяч новых трейдеров, мечтающих не ней заработать!

Смогут ли они заработать на обнаруженной закономерности, не понимая (и не желая понимать) комбинацию причин, следствием которой она является? Да, некоторые смогут. Согласно Теории Грааля, заработают менее 1% трейдеров. И это произойдет случайно, а не потому, что кто-то оказался умнее или «опытнее» других.

И ты уже спросишь — Так как зарабатывать трейдингом??
И я тебе отвечу — Трейдинг без инсайда — рулетка. Им можно (и нужно) заниматься для удовольствия и поддержки активности мозга. Но не для обогащения))

Визуализация данных — правила, приемы и инструменты

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

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

Содержание

Зачем визуализировать данные

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

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

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

• 90% информации об окружающей среде человек получает с помощью глаз.
• 50% нейронов мозга участвуют в обработке визуальной информации.
• Наличие картинок на 80% повышает желание прочесть текст.
• Человек запоминает 10% того, что услышал, 20% того, что прочитал, и 80% того, что увидел.
  
• Если в инструкции к лекарству нет иллюстраций, человек усвоит 70% информации. Если добавить туда картинки, то цифра увеличится до 95%.

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

Грамотная визуализация данных принесет вашему бизнесу ряд преимуществ:

• Скорость принятия решений. Проще и быстрее сделать вывод, глядя на график, где один из столбцов или одна из точек взаимодействия находится намного выше всех остальных, чем пролистать несколько страниц статистики в Google Sheets либо Excel.
  
• Больше привлеченной аудитории. Как мы уже говорили, большинство людей лучше воспринимает и запоминает зрительную информацию.
  
• Высокая вовлеченность читателей. Красивый яркий график с понятным посылом привлечет к себе внимание ваших читателей.
  
• Лучшее понимание данных. Идеальные отчеты понятны не только технических специалистам, аналитикам и Data Scientists, но и маркетинг-директору или SEO и позволяют каждому сотруднику принимать решения в своей зоне ответственности.
  

Правила успешной визуализации

Первое, что нужно сделать перед созданием графика — проверить данные на точность и корректность. К примеру, если у вас коэффициент конверсии где-то равен 300%, а в среднем он обычно составляет 50-70%, проверьте, откуда взялось такое число. Возможно, это было поле total и у вас суммировались все данные. Возможно, это какой-то выброс, который нужно удалить с визуализации, иначе этот скачок поломает всю картину — 300% нивелируют разницу между 50% и 70%. Из-за такого выброса в отчете вы можете ошибиться и принять неверное решение.

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

1. Нужно выбрать правильный график в зависимости от того, какая у вас цель.
2. Убедиться, что посыл вашего графика подходит аудитории.
3. Оформить график в правильном дизайне.

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

Запись вебинара

Визуализация отчетов с помощью Data Studio и Power BI​

Какие бывают диаграммы и как их выбирать

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

• Сравнить разные показатели.
  
• Показать распределение данных. Например, какие показатели встречаются чаще, а какие реже.
• Показать структуру чего-либо с помощью данных. 
• Проследить взаимосвязь между показателями.

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

1. Линейный график (Line Chart)

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

2. Столбиковая диаграмма (Bar Chart)

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

3. Гистограмма (Histogram)

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

Столбиковая диаграмма в отличие от гистограммы, не связана с непрерывным интервалом — здесь каждый столбик означает отдельную категорию. Например, показать количество покупок в разные годы удобнее с помощью столбиковой диаграммы. Если же вы хотите узнать, в пределах какой суммы (от $10 — $100, $101 — $200, 201 — 300 и т.д.) совершается больше всего покупок, лучше выбрать гистограмму.

4. Круговая диаграмма (Pie Chart)

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

5. График рассеяния или точечная диаграмма (Scatterplot)

График рассеяния помогает найти взаимосвязь между двумя показателями. Например, с его помощью можно узнать, как меняется коэффициент конверсии в зависимости от размера скидки на товар.

6. Пузырьковая диаграмма (Bubble Chart)

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

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

8. Географическая диаграмма (Geo Chart)

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

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

Правильное использование графиков и диаграмм

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

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

Чарльз Сейф и Питер Олхоуз, редакторы Buzzfeed News, с помощью языка R визуализировали данные о полетах, которые совершают агенты FBI и DHS для воздушного наблюдения. Конкретно на этом графике изображены полеты над домом и мечетью преступников, которые устроили стрельбу в Сан-Бернардино в декабре 2015 года.

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

Следующие вещи, на которые стоит обратить внимание при создании графика — это правильные шкала и масштаб. Люди привыкли, что отсчет на осях координат начинается снизу вверх и слева направо. Если вы измените порядок отсчета, это может ввести в заблуждение не внимательную аудиторию. Стоит оговориться, что обратная шкала допустима, если вы используете ее в качестве тактического приема, как в этом примере:

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

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

Прежде, чем отдать отчет конечным пользователям, позаботьтесь о том, чтобы график работал быстро. Медленная работа убьет все ваши труды. К примеру, если вы визуализируете данные в Google Sheets, скорее всего, параметры хранятся на этом же листе или на соседнем и не подтягиваются из третьего источника. Если же вы делаете отчет в Data Studio, то данные вы будете откуда-то импортировать. В таком случае нужно позаботиться о доступности этого ресурса и о скорости передачи данных. Иначе вы увидите некрасивую картинку, когда макеты графиков есть, а данные не подгрузились.

Правильный дизайн отчетов

В дизайне ваших диаграмм всегда придерживайтесь принципа простоты. Если вам нужно подготовить какой-нибудь стандартный отчет, не стоит изобретать велосипед или заниматься «украшательством». Избегайте лишних элементов, которые только засоряют график: обилие разных цветов и структур, 3D-объем, тени, градиент и т.д.

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

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

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

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

Сравнение инструментов для построения отчетов

Сейчас на рынке есть очень много инструментов для визуализации. Некоторые из них платные, некоторые нет. Одни работают в онлайне, другие можно установить на десктоп и работать в онлайне, а третьи только офлайновые. Мы сделали список из 10 инструментов, которые чаще остальных встречаются вместе со словами «визуализация данных»: ​

1. Excel / Google Sheets
2. Google Data Studio
3. OWOX BI Smart Data
4. Tableau
5. Power BI
6. QlikView
7. R Studio
8. Visual.ly
9. Tangle
10. Canva

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

Чем руководствоваться при выборе инструмента для создания отчетов?

• Отталкивайтесь от тех задач, которые вы хотите решить. К примеру, сейчас основной тренд на рынке — это возможность смотреть отчеты в динамике. Если инструмент не умеет работать с динамическими отчетами, это может сыграть не в его пользу.
  
• Учитывайте сумму, которую вы готовы за это заплатить. Если у вас достаточно большая команда и каждый сотрудник должен работать с инструментом визуализации, то стоимость подписки на одного человека может стать стоп-фактором.
  
• Продумайте, кто и как будет пользоваться инструментом: динамически или нет, возможно ли групповое редактирование. Насколько легко начать работу, понятный ли интерфейс. Есть ли возможность создать отчет без знания языков программирования. К примеру, R Studio — классный сервис особенно для поиска трендов, построения модели атрибуции, модели корреляции. Однако, если вы не знаете язык программирования, не умеете подключать специфические библиотеки, то есть не являетесь техническим специалистом, вам будет сложно начать работу с этим инструментом. 

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

Под динамическими отчетами мы имели в виду способность подгружать данные из различных источников на лету. Например, у Google Data Studio нет динамического отчета. Допустим, мы подключили к Data Studio запрос из Google BigQuery, а затем в запросе что-то поменяли. Чтобы эти изменения отразились в отчете, нужно как минимум обновить страницу в Data Studio. Однако, если мы в Google BigQuery добавили или удалили какое-то поле (не просто поменяли логику расчета, а изменили структуру таблицы) то Data Studio закроет отчет с ошибкой. Его придется переделывать.

Динамика в отображении данных — это возможность, к примеру, посмотреть в рамках одного сеанса сводную статистику за разные даты. Как в Google Analytics: вы меняете временной интервал, и у вас подгружается статистика за нужные даты.

Ключевые характеристики ТОП-5 инструментов визуализации

Мы хотим подробнее остановится на трех инструментах, которые активно используем в OWOX BI. Это Google Data Studio, Google Sheets и OWOX BI Smart Data.

00:03:27

Для чего вам пригодится Google BigQuery

• Просмотров: 2716
• 18 Сентября 2019

OWOX BI Smart Data

С OWOX BI Smart Data вам не понадобится знание SQL-синтаксиса. В сервисе есть множество шаблонов готовых отчетов, а также простой конструктор, с помощью которого вы можете добавлять в отчеты необходимые метрики.

Преимущества:

• Не нужна специальная техническая подготовка и знание SQL.
• Простой и удобный интерфейс: чтобы получить отчет, вы можете использовать любой из популярных шаблонов, или выбрать нужные метрики в конструкторе, или ввести вопрос в поле поиска.
• Экспорт готовых отчетов из Smart Data. Если вы привыкли работать с данными в Google Sheets или Data Studio, то легко можете экспортировать туда готовый отчет из OWOX BI Smart Data. Также его можно сохранить как CSV-файл.
• Вы можете скопировать из отчета SQL-запрос, который сгенерировал сервис. Например, чтобы модифицировать его или использовать для автоматизации отчета в Google Sheets, построенного на данных BigQuery.
• Для отчетов Smart Data использует данные, которые хранятся в вашем проекте Google BigQuery. Вы полностью контролируете доступ к данным, благодаря использованию Google-аккаунта и двухфакторной авторизации.
• Объединение маркетинга с данными из CRM. Для Enterprise клиентов специалисты OWOX BI настроят модель данных, учитывающую особенности вашего бизнеса. Вы сможете оценить влияние всех усилий маркетинга, как онлайн, так и офлайн, на бизнес-показатели.

Наши клиенты
растут на 22% быстрее

Растите быстрее, анализируя, что лучше сработает в вашем маркетинге

Измеряйте KPI, находите зоны роста и увеличивайте свой ROI

  const QuickChart = require ('quickchart-js'); 
 const chart = новый QuickChart (); 
 диаграмма.setConfig ({
}); 
 
 
 console.log (chart.getUrl ()); 
 
 
 const image = ожидание chart.toBinary (); 
 
 
 chart.toFile ('chart.png'); 
 
 
 console.log (myChart.getUrl ()); 
  

  из QuickChart import QuickChart 
 qc = QuickChart () 
 qc.width = 500 
 qc.height = 300 
 
 
 qc.config = '' 
 
 
 print (qc.get_url ()) 
 
 
 изображение = qc.get_image () 
 
 
 qc.to_file ('mychart.png') 
  

  require 'quickchart' 
 
 qc = QuickChart.new (
 '' 
) 
 
 
 помещает qc.get_url 
 
 
 image = qc.to_blob 
 
 
 qc.to_file ("chart.png ) 
  

  требуется 'quickchart' 
 $ qc = new QuickChart (array (
 'ширина': 500, 
 'высота': 300, 
)); 
 
 
 $ кв.setConfig ('<конфигурация диаграммы>'); 
 
 
 echo $ qc-> getUrl (); 
 
 
 $ image = $ qc-> toBinary (); 
 
 
 $ qc-> toFile ('chart.png') 
  

  пространство имен QuickChartExample 
 {
 открытый класс SimpleExample 
 {
 static void Main (string [] args) {
 Chart qc = new Chart (); 
 qc.Width = 500; 
 qc.Height = 300; 
 qc.Config = @ "<конфигурация диаграммы>"; 
 
 
 Консоль.WriteLine (qc.GetUrl ()); 
 
 
 байт [] imageBytes = qc.ToByteArray (); 
 
 
 qc.ToFile ("диаграмма.png"); 
} 
} 
} 
  

  import io.quickchart.QuickChart; 
 открытый класс PrintUrlExample {
 
 public static void main (String [] args) {
 QuickChart chart = new QuickChart (); 
 chart.setWidth (500); 
 chart.setHeight (300); 
 chart.setConfig ("<конфигурация диаграммы>"); 
 
 
 Систем.out.println (chart.getUrl ()); 
 
 
 байт [] imageBytes = chart.toByteArray (); 
 
 
 chart.toFile ("chart.png"); 
} 
} 
  

  




 Посетители сайта Example.com с января по март 2014 г. текстовое описание гистограммы