Тема: Инструменты 9
Програмное обеспечение, позволяющее визуализировать статистическую информацию. Помощники инфографера. Для того, чтобы визуализировать информацию, не обязательно быть дизайнером. Накопилось уже много всяких разных инструментов от всем известного Excell до специализированных инструментов для журналистов Knightlab. Мы делимся с вами самым интересным в этом разделе. А какие инструменты знаете вы? Делитесь в комментариях к данному разделу. Присылайте письма.
Box & Whisker, Treemap, Sunburst — Новые диаграммы для Office 2016 (Часть 2)
Как мы уже писали, скоро выходит новый Office 2016, и в нем будут новые диаграммы. Про три из них мы уже рассказали в прошлом обзоре (Мост, Гистограмма, Парето). А теперь – еще три: Ящик с усами, Treemap, Sunburst.
Ящик с усами (Box & Whisker) – статистика в заданных отрезках
Как и Гистограмма, Ящик с усами показывает, как распределяется информация. Однако эта диаграмма помогает глубже разобраться в деталях. Ящик с усами компактно отражает ключевые моменты в одной диаграмме — диапазон, квартили, среднее значение и выбросы. В книжном магазине, например, такая диаграмма может пригодиться для анализа распределения книг по жанрам. Ящик с усами автоматически группирует книги по жанру и показывает, как распределяются цены внутри группы. В нашем примере хорошо видно, что наибольший диапазон имеют цены на Романтику, и выброс – 300$ за книгу.
Treemap – анализ нескольких иерархических отношений одновременно
С помощью диаграммы Treemap можно легко визуализировать и сгруппировать большое количество данных. Эта диаграмма представляет обзор и помогает сравнить аналогичные или конкурирующие товары.
Для владельца книжного магазина важно понимать, какой жанр книг приносит наибольшую прибыль. Treemap позволяет идентифицировать размер прибыли в каждой отдельно взятой категории жанра, которые сгруппированы по цветам и сходству. Размер каждой ячейки обозначает размер прибыли, которую приносит категория в рамках определенного жанра. Из диаграммы видно, что основная прибыть идет за счет детских книг и романтики. При этом наиболее прибыльны категории 1st readers и Young Adult.
Sunburst – анализ каждого уровня иерархии
Тогда как Treemap полезна при сравнении размера групп, Sunburst хорошо отражает иерархические отношения и позволяет их проанализировать. На этой диаграмме хорошо видно, какие сегменты имеют наибольшее значение и какова их иерархия на разных уровнях. Макет Sunburst помогает интуитивно уловить, как каждый из элементов влияет на общее целое. Sunburst идеально подходит для того, чтобы показать любое количество уровней и категорий.
Благодаря новым диаграммам для Word, Excell и Powerpoint новый Office обладает хорошим набором для сторителлинга. Каждую таблицу также можно адаптировать при помощи инструментов, которые вам уже давно знакомы – поменять стиль, макет, добавить новые элементы.
После выпуска Office 2016, благодаря подписке Office 365, будут добавлены еще и новые диаграммы. А пока можно начать с превью и изучить шаблон для подготовки данных.
Office blogs (Перевод с англ. — Инфографер)
Мост, Гистограмма, Парето — новые диаграммы для Office 2016 (Часть 1)
В 2016 Microsoft представит новый Office 2016, и в нем — новые графики и диаграммы. Уже можно скачать превью и все попробовать. Новых диаграмм будет шесть. Сегодня — про три из них — Каскадная диаграмма (она же мост), Гистограмма и Диаграмма Парето.
Каскадная диаграмма (waterfall, bridge, мост, каскадная диаграмма, летающие кирпичи) – визуализация финансовых результатов
Отчет о финансовых результатах – удобный способ проследить расходы и доходы. Однако это не самый лучший вариант, если нужно быстро и кратко представить информацию, например, коллегам. С помощью каскадной диаграммы можно легко продемонстрировать финансовые данные и проследить, как каждый из параметров влияет на итоговую сумму. В примере ниже – отчет книжного магазина, в котором очень ясно видно, что стоимость инвентаря сократила общую прибыль почти на половину, а операционные расходы – еще на треть.
Гистограмма – анализ и распределение
Гистограммы обычно используются в статистике и показывают частоту повторов в заданных пределах. Например, для владельца книжного магазина важно иметь в стоке книги разных ценовых категорий для привлечения разных целевых аудиторий. Гистограмма может ясно показать, насколько этот критерий выдержан. На гистограмме ниже горизонтальная ось представляет стоимость книг, а столбики — количество книг. На этом примере видно, что распределение книг в магазине вполне удачное.
Диаграмма Парето – наибольшая степень воздействия
Используя эту диаграмму, можно автоматически отсортировать параметры по частоте повторений, а потом проследить, как они влияют на общую картину. Если вернуться к примеру книжного магазина, то можно использовать такую диаграмму, например, для отслеживания причин возвратов книг. В данной диаграмме каждая колонка представляет причину возврата, а линейный график – то, насколько каждая из причин влияет на общую картину. Из столбиковой диаграммы мы видим, что «Дефект» стал причиной возврата 2 025 книг, а из линейного графика, что это составляет 40% всех возвратов. Проработав три основные причины – дефекты, ошибки в ценах, не тот товар – можно устранить 80% возвратов. Диаграмма Парето – отличный инструмент для расстановки приоритетов.
Продолжение следует.
Office blogs (Перевод с англ. — Инфографер)
Как делается современная инфографика. Урок в Illustrator
Описание урока:
- Программа Adobe Illustrator CS4
- Уровень сложности: средний
- Оценочное время прохождения: 3 часа
- Автор: Jonathan Patterson
Считаем урок интересным, потому что он охватывает ряд инструментов в Иллюстраторе, интересных как для построения инфографики, так и в целом для тех, кто не считает себя способным с закрытыми глазами создать в векторе что угодно.
На примере вот этого изображения описывается процесс работы
И дальше идет подробный экскурс, начиная с создания четырехколоночной сетки, подробно с разбивкой на 6 шагов:
Заголовок и элементы декора (эти шаги научат вас уже работать с прозрачностью и градиентом):
А дальше начинается самая интересная для нас часть — построение диаграмм в Illustrator.
Здесь я сразу сделаю 2 пометки. (1) Если вы хотите прочитать подробную инструкцию по использованию этого инструмента в Иллюстраторе на русском и с описанием всех видов доступных диаграмм, то зайдите сначала на страничку журнала КомпьютерПресс. (2) Мы этот инструмент считаем допотопным и такие задачи решаем еще проще — сначала строим диаграммы в Excel — там в разы больше возможностей для редактирования и видов графиков зашито больше. А потом просто копируем в Illustrator — экспортируются графики в векторе и можно делать с ними все те же манипуляции.
Джонатан демонстрирует нам 3 вида простых графиков — круговую, столбиковую и линейную пошагово.
Прошу заметить что легенда и подписи добавляются вручную и этот шаг легко может содержать в себе ошибки от невнимательности если данных много.
А вот следующий шаг в его уроке считаю самым важным и самым применимым в ежедневной работе — создание графиков из объектов с соблюдением пропорций.
Сначала создали 2 независимых объекта — человечка и график из данных. Наложили их и порезали инструментом Pathfinder. А потом еще ножнички нарисовали для симпатичной легенды.
И дальше — финальная композиция и работа с текстом. Все 40 шагов вы можете подробно изучить на Vector.tutsplus
Диаграмма с параллельными координатами
Это еще один вид диаграмм, который невозможно построить в Excel. Вообщем-то в большинстве случаев жить можно и без него, но случается момент, когда он может быть незаменимым.
Представим: необходимо сравнить 20 разных автомобилей по ряду показателей: разгон до 100, мощность, объем литра, оценки покупателей и т.д. Все эти критерии имеют разные шкалы и единицы измерения. Секунды, лошади, субъективная оценка от 1 до 5, литры… В таких случаях есть 2 стандартных пути решения:
- Рисовать отдельный график для каждого этого показателя, но у вас не получится сравнить одну машину с другой по всем характеристикам.
- Делать таблицу, которую необходимо долго и внимательно читать
Вот тут на помощь и приходят графики с параллельными координатами, в которых все шкалы нормированы:
На этом примере показан соц-дем анализ группы людей. В отличает от Экселя, где мы можем запихать только 3 оси (одну по X и две по Y), здесь мы не ограничены.
Если осей меньше 5-7, их можно пустить по кругу и сделать некое подобие радара, причем поставив близкие по смыслу оси ближе друг к другу. Пример ниже взят с сайта www.Hiveplot.com — там много вкусного, его автор Martin Krzywinski описывает очень подробно возможности применения этих диаграмм в науке (в частности в описании генома человека). Он зовет их Hive графики, что в переводе означает «улей\рой» и считает применимыми только для больших массивов данных.
По следам питерской инфографики
Вчера побывала в Питере, на лекции «Инфографика: закон и порядок», вчерашнюю сессию вела Ольга Привалова.
Я еще напишу пост о самом мероприятии и нескольких хороших идеях студии Паровоз. Но по горячим следам я хочу процитировать Федора Шумилова.
Во время разговора о разных типах графиков, он привел интересную аналогию Bubble Chart (пузырьковой диаграммы). Самый простой и физически реальный аналог пузырькового графика — наши советские монеты.
В зависимости от номинала, четко отличался размер и вес монетки. Копейка — 1 гр и дальше по увеличению. Благодаря этому их легко отличать и нащупывать в кармане нужную.
Чем больше денежка — тем больше ее диаметр.
Ниже опубликую несколько примеров использования этих самых пузырьков в работах по информационному дизайн.
Простейшая:
Гениально — подробный и детальный постер
И из старенького (но в тему)
Mekko Graphics
Сегодня поделюсь с вами приложением Mekko Graphics для PowerPoint, которое на себе проверила компания Tetrapack (спасибо Саше К. за наводку).
Ребята прорисовали порядка 20 видов графиков, необходимых для бизнес презентаций. Многие из них и так доступны в Excel и Power Point, кроме пожалуй трех. Вот из-за них я и публикую этот обзор.
Marimekko chart
Это график с двумя осями с единственным отличием от стандартного Bar Chart — основания столбиков могут быть разными по размеру.
В итоге, вы можете показывать на одном листе такие вещи, которые раньше были недоступны.
Пример на графике: по горизонтали — виден размер брендов Nike, Reebok, Adidas, и т.д.
В это же время, по вертикали можно еще и продемонстрировать долю продаж компании на разных рынках (в США и за пределами).
Польза Marimekko в том, что без него, пользуясь стандартными инструментами, пришлось бы делать 2 графика вместо одного.
Только меня немного задевает что они приписывают себе авторство этого чарта, хотя, названия для такого графика я и правда ранее не встречала.
Cascade\Waterfall (Водопад)
Этот график позволяет показать составные части. Обычно мы строим такое, чтобы показать из каких сегментов мы ожидаем рост в следующем году.
Такое можно построить и в Excel, но приходится достраивать и делать невидимой нижнюю часть.
Вообщем не ново, а просто удобно, спасибо что сделали.
Диаграмма Ганта
График тоже не новый, но построить его сейчас можно только в MS Project, в других приложениях его нет.
Используется чаще всего в проектном менеджменте при иллюстрации различных стадий проекта, которые идут в параллели, показывает какие ресурсы когда задействованы и что каждая последующая стадия зависит от предыдущей.
И ложка дегтя — хоть графики и полезные, но дизайном здесь вообще не пахнет. Такие же мерзкие цвета, как в Excel по умолчанию строит. Задачи выполняет, но глаз спотыкается. Бррр
Эти страшилки 🙂 можно купить за 499$ для индивидуального пользования. Честного говоря, необоснованно дорого, но надеюсь, что они окупают себя техподдержкой.
Беспомощность Pie Charts
По нескольким сайтам западных коллег прошел наглядный пример того, что круговые диаграммы не всегда хорошо работают.
Глядя, на график, визуально, сможете ли вы отранжировать сегменты по убыванию?
Попробуйте это сделать до того как прочтете ответ.
Нано-чарты и Микро-графики
На конференции DD4D Mark Palmer (VizMetrics Inc.) рассказывал, как ловко они перерабатывают стопки бизнес отчетов
В концентрированный DashBoard из одной страницы.
Меня в его презентации зацепили мини-графики, аккуратно встроенные прямо в ячейки экселя и я начала поиски.
Так вот, господа, продолжайте изучать Excel. Меня раздражают экселевские шаблоны графиков (тем более что на работе у меня версия 2003!!! Такое чувство что графики в ней топором делали). Но до этого момента я не знала об опции мини-чартов, в ячейках таблицы. Продолжить чтение →
Классификация графиков и их назначение
Публикую материал, написанный Юрием Ветровым (руководителем UI Modeling Company, которая занимается проектированием пользовательских интерфейсов) на www.experiment.ru
Это исчерпывающий каталог всевозможных типов визуализаций с примерами и принципами выбора. Должен знать каждый.
Классификация
Набор инструментов визуализации достаточно обширен — от простейших линейных графиков до сложных отображений множества связей. Разбить их можно на несколько типов:
График
Показывают зависимость данных друг от друга. Строятся по осям X и Y, хотя могут быть и трехмерными.
Линейный график (line chart, area chart)
Наиболее распространенный случай. Объединяет линией набор точек, соответствующих значениям по осям. Например, ежедневная посещаемость сайта за месяц. Может показывать сразу несколько наборов данных — например, статистику просмотров для 3 наиболее популярных страниц.