Визуальное отображение графиков

Лучшие брокеры бинарных опционов за 2020 год:
  • Бинариум
    Бинариум

    1 место — лидер рейтинга! Бесплатное обучение и демо счет!
    Контроль честности и надежности!
    Получите бонус за регистрацию на сайте Бинариум:

  • ФинМакс
    ФинМакс

    2 место в нашем рейтинге. Надежный брокер!

Как сделать наглядный график или диаграмму: 5 способов визуализации данных

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

Гистограммы

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

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

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

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

Линейные графики

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

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

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

Лучшие брокеры бинарных опционов за 2020 год:
  • Бинариум
    Бинариум

    1 место — лидер рейтинга! Бесплатное обучение и демо счет!
    Контроль честности и надежности!
    Получите бонус за регистрацию на сайте Бинариум:

  • ФинМакс
    ФинМакс

    2 место в нашем рейтинге. Надежный брокер!

Круговые и кольцевые диаграммы

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

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

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

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

Квантограммы

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

Квантограммы обычно не подходят для больших чисел. Представьте, что нужно показать «11 214 товаров, проданных в 2020 году». Такое количество пиктограмм невозможно изобразить, поэтому появляется идея добавить пояснение «1 корзина = 1000 товаров» и нарисовать 11 корзин.

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

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

Типографика

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

  • Число больше 100.
  • Это не процент от целого и не процент увеличения / уменьшения.
  • Оно автономно, то есть не сравнивается с другим числом.

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

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

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

Нашли опечатку? Выделите текст и нажмите Ctrl + Enter

Торговый индикатор Charts

Торговый индикатор Charts — отображает дополнительные графики в главном окне графика. Может выводить несколько графиков в одном, дополнительном окне, при этом каждому графику можно задать свой символ и таймфрейм. Так же можно ограничить количество выводимых свечей, и если нужно, отобразить график в зеркальном виде (перевернуть).

Для вывода нескольких графиков в одном индикаторном окне:

  1. Запустите индикатор;
  2. Запустите в его окно требуемое количество индикаторов;
  3. Настройте отображение графиков используя параметры MaxBars и Shift.

Входные параметры

  • Symbol — название торгового инструмента, при пустом значении используется текущий символ;
  • Timeframe — период графика;
  • Reverse chart — перевернуть график;
  • Color of bull candle — цвет бычьей свечи;
  • Color of bear candle — цвет медвежьей свечи;
  • Candle body width (0 — auto) — толщина свечей, 0 — толщина задаётся автоматически;
  • Maximum bars — максимальное количество отображаемых свечей, 0 — без ограничения;
  • Shift — смещение свечей вправо;
  • Shift — смещение свечей вправо.

Смотреть так же:

Advanced Round Levels — торговый индикатор круглых уровней

Session HiLo — индикатор торговых сессий.

Индикатор для построения свечей Heiken Ashi в отдельном окне

Индикатор переключения валютных пар Symbol changer

Info Spread — индикатор спреда для Metatrader 4 и 5

Candle closing time — индикатор времени до закрытия свечи

VPS сервер для Форекс, что это и как правильно выбрать

Свечная модель продолжения тенденции «Разрыв тасуки»

Устанавливает трендовые линии по вершинам графика

Пять основных диаграмм для визуализации данных

Шпаргалка при подготовке презентаций с данными

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

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

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

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

Цифры абстрактны, визуализация конкретна

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

В основе визуализации данных всегда идея

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

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

В основу идеи может быть положена определённая замеченная закономерность в данных. Анализируя итоговые показатели по продажам в таблице, мы можем заметить тенденцию роста объёма продаж. И тогда идею можно сформулировать следующим образом “С января объём продаж устойчиво рос”. Отображаем идею на слайде визуально гистограммой и в докладе (выступлении) поясняем контекст идеи. Рост закономерен и обычен. Или у нас есть сезонность и весной должен быть спад продаж, а в этом году его нет и почему.

Анализируя продажи по месяцам, можно сформулировать следующую идею “В мае продажи продукции А значительно превысили продажи продукции Б и В”.

Акцентировать внимание на увеличение в мае продаж продукции А можно и через относительное сравнение. Тогда идея будет такая “В мае доля продукции А наибольшая в общем объёме продаж”.

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

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

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

Для усиления идеи, можно расставить визуальные акценты

Вся фишка в сравнении

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

Покомпонентное (долевое) сравнение

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

Рекомендации по круговым диаграммам

Наши глаза не могут быстро определять количество объектов больше пяти. Секторов (долей) в диаграмме лучше не делать больше шести. Если значений больше, можно выделить пять основных, а остальные объединить в сектор “прочие”.

Мы привыкли по кругу двигаться по часовой стрелке. Самый важный компонент лучше располагать на линии 12-ти часов и обратить на него внимание выделив цветом. Если “важный” компонент выделять не надо, то сектора диаграммы лучше расположить от большего к меньшему. А цвет просто должен помогать чётко разделять сегменты.

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

Позиционное сравнение

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

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

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

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

Временное сравнение

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

Здесь тоже можно руководствоваться правилом “не больше пяти”. То есть, если на временной оси нужно показать более 5 значений (столбиков), возможно лучше использовать график. График однозначно нужно использовать вместо диаграммы, если значений больше семи, или нужно отобразить какие-то тренды.

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

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

Частотное сравнение

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

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

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

Размеры интервалов надо подбирать так, чтобы нагляднее показать идею (главную мысль).

Корреляционное сравнение

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

Для такого типа сравнения лучше подходят точечные или двухсторонние линейчатые диаграммы.

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

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

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

Идея, пять сравнений и пять диаграмм

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

Список литературы в формате минимализма 3+3

Эдвард Тафти «Наглядное отображение количественной информации» — The Visual Display of Quantitative Information.

Если заметка понравилась, нажмите на иконку с ладошками. Поаплодируйте 🙂

Подпишитесь на блог “Смыслотеки” в Медиуме Подписаться

Если удобно получать обновления блога на почту, подпишитесь по ссылке Подписаться

Лучшие брокеры бинарных опционов за 2020 год:
  • Бинариум
    Бинариум

    1 место — лидер рейтинга! Бесплатное обучение и демо счет!
    Контроль честности и надежности!
    Получите бонус за регистрацию на сайте Бинариум:

  • ФинМакс
    ФинМакс

    2 место в нашем рейтинге. Надежный брокер!

Добавить комментарий