Тема: инструменты визуализации 20
Встреча с Tableau в Москве
Компания Tableau готова перевернуть ваше представление о мире данных и приглашает вас встретиться 2 сентября в Москве.
Анализ данных не всегда бывает прост и удобен. Tableau заявили о своей миссии сделать бизнес-аналитику легкой, практичной и приятной для всех, и рады помочь своим решением в анализе и работе с данными. Во время этого мероприятия вы узнаете, что такое Tableau и чем они отличаются от других решений в мире BI.
Если вы:
- работаете с данными
- тратите много времени и сил на написание отчетов
- сталкиваетесь с трудными для понимания визуализациями
- работаете с программами, которые не подходят для бизнес-анализа
…тогда вам нужно познакомиться с Tableau.
Самостоятельно попробовать продукты в использовании вы сможете во время Happy Hour с компанией.
Программа
14:00-14:30 – Регистрация
14:30-15:30 – Презентация и демонстрация продуктов Tableau
15:30-16:00 – Истории клиентов Tableau
16:00-16:30 – Вопросы и ответы
16:30-17:30 – Happy hour
Данное мероприятие бесплатно. Приходите и приводите коллег, и друзей!
Москва | 2 сентября, 2015
PowerPoint для работы с текстами, набросками и макетами
Большинство документов создается в текстовых редакторах. Однако, для этого можно использовать и презентационные программы, такие как PowerPoint. Автор книг по искусству презентации Нэнси Дуарте использует PowerPoint при написании книг, внутренних документов, гарантийных писем и рекламных текстов на сайте.
В PowerPoint удобно устроить мозговой штурм. Можно накидать идеи, выделить основные темы, проверить, а достаточно ли идей для этой темы, и потом развить ее на каждом отдельно взятом слайде. На ранних стадиях работы каждый слайд — словно страничка Pinterest: простой, но внятный заголовок, набросок текста, несколько картинок — нарисованных или найденных — для прояснения мысли. Если для конкретной темы идей не набирается, ее можно бросить и не тратить лишнее время на подбор идеальных фраз, перетащить забракованные слайды в конец «колоды», чтобы потом вернуться к ним, дополнить или, наоборот, удалить.
Ниже — черновик второй книги Нэнси, Resonate, выполненный с помощью PowerPoint. Каждый слайд — разворот страницы.
В слайд включен черновой текст, вдохновляющие образы, цитаты и ссылки.
Работа над текстами именно в PowerPoint дает множество дополнительных возможностей.
Работа над структурой
Слайды работают как карточки и стикеры — их можно перетасовывать столько, сколько необходимо. Можно так же попеременно работать над содержимым слайдов и над их последовательностью. Для удобства можно также маркировать текст цветом,чтобы обозначить различную степень готовности (например, «в редактуру», «добавить пару идей»).
Контроль объема
Работа со слайдами помогает контролировать количество текста на каждой странице. Достаточно задать определенный размер текста и сразу будет заметно, если текста станет слишком много, и надо начать его сокращать.
Обратная связь
Если необходимо получить совет, то представление материала в виде слайдов, заметно облегчит задачу. Слайды можно распечатать, а потом попросить добавить комментарии, например, на стикерах.
Финальный документ
Информацию, подготовленную в презентационной программе, легко считывать и воспринимать. Поэтому, если речь идет не о книге, а о каком-нибудь внутреннем документе, программы PowerPoint будет достаточно не только для черновика, но и для финального документа. Потом этот документ будет довольно просто разослать по почте и поделиться с коллегами.
Полный текст статьи Нэнси Дуарте на сайте Harvard Business Review Россия
От больших данных к большим инсайтам через визуализацию
В последнее время было создано немало чистой воды произведений искусства в формате визуализации, и некоторые из них попали на выставки в MoMA и другие многочисленные художественные экспозиции во всем мире. Но бизнес-лидеры все еще спрашивают, а применима ли визуализация данных на практике?
Как ученый-резидент исследовательской лаборатории Нью-Йорк Таймс я сотрудничаю с одной из самых продвинутых в области цифровых исследований и разработки команд в мире. Вместе мы стараемся выяснить, каким образом можно получить применимые на практике инсайты, используя большие данные. Насколько большие? Массивные: мы документируем каждый твит и ретвит, кликаем по каждой сокращенной ссылке из Twitter и Facebook, которая ссылается на материалы Нью-Йорк Таймс, а затем объединяем эту информацию с историей поведения пользователей, пришедших по этим ссылкам на страницы Таймс. Этот проект — родственник широко известного Cascade, Cascade 2.0.
Вышеупосянутые данные нужны нам для того, чтобы понять и предсказать, в каком случае завязавшееся в сети обсуждение выльется в приток посещений на сайт Таймс, а когда этого не произойдет. Нам важно знать, каким образом распространение информации из уст в уста может привести на сайт читателей, подписчиков и доход; как Таймс может улучшить свое участие в онлайн дискуссиях, чтобы стимулировать вовлеченность читателей; как мы можем идентифицировать по-настоящему влиятельных пользователей или лидеров мнений, которые мотивируют пользователей взаимодействовать с контентом издания и как Таймс может вовлечь этих влиятельных пользователей, удовлетворив при этом их собственные потребности и интересы. Проделав эту работу, мы можем превратить тот статистический анализ, который вы увидите ниже, в изящные, художественные потоки данных в реальном времени.
Обработка потоков, архивирование сессий, хранение и управление информацией сами по себе — гераклов труд. Но гораздо более сложная задача состоит в преобразовании красивых больших данных в применимое на практике, значимое и способное помочь в принятии решений знание. Мы обнаружили, что визуализация — один из самых важных путеводителей в этом поиске знаний, необходимых для понимания того, где нам стоит искать и что именно мы должны найти в нашем статистическом анализе.
Например, вот три визуализации, которые помогли нам получить определенное знание. В виде линий и точек на них отображены каскады твитов и ретвитов, связанных с тремя различными публикациями в Таймс. Эти данные мы объединили с информацией об уровне кликабельности каждой статьи, она синхронизирована по времени с твитами и выглядит как диаграмма черного цвета под каждым каскадом. Каждый график рассказывает новую историю о взаимодействии с контентом.
Вокруг первой статьи возникло большое обсуждение в Twitter и несколько больших скачков трафика. Но, похоже, что уровень кликабельности не зависел от обсуждений в Twitter: самый большой скачек трафика, выделенный на графике голубым цветом, произошел, когда наблюдалась очень низкая активность в микроблогах. В этом случае, вероятно, вовсе не дискуссия в Twitter, а заметная ссылка на нашу публикацию в стороннем блоге или новостной статье, привлекла большое количество трафика.
Интервью: Николас Фелтон о персональных данных в эпоху Big Data
За последние несколько лет довольно сильно изменилось отношение к понятию «персональные данные». Сейчас каждый из нас знает, каким образом может быть получен доступ к его личной информации, как она может быть использована и даже монетизирована. Нам известно и о тех опасностях, которые эта информация представляет в том случае, еcли ее владелец не осознает своей собственной открытости: простая привычка чекиниться в определенных местах может повлечь за собой не только месяцы безобидной таргетированной рекламы, но и активизацию гораздо более страшных механизмов, которыми пользуется Агентство Национальной Безопасности США. Как для персональных данных, так и для информации, которая находится в открытом доступе, наступили непростые времена, но это — лишь начало рассвета инновационных способов работы с данными.
Среди тех, кто всерьез озабочен этими вопросами — информационный дизайнер Николас Фелтон. На протяжении своей переменчивой карьеры — и как один из дизайнеров Хроники Facebook, и в своем собственном приложении по сбору персональных данных Daytum, и в постоянно меняющихся личных годовых отчетах — Фелтон неизменно переводит данные в концептуальную область и изобретает новые способы визуализации математических данных.
Выбирай серый – не ошибешься!
Подбор цветов в инфографике — непростая задача. Тут как нигде в графическом дизайне важно, чтобы информация считывалась заданным, а не произвольным образом. Мысли «о красоте» в инфографике — последний этап, о котором стоит задуматься уже после того, как основная работа закончена.
С точки зрения функциональности, самый многогранный цвет — серый. Оставим за кадром рассуждения, о том является ли он цветом, и рассмотрим примеры.
Акцент
В графике Моритца Стафанера (автора проекта Truth and Beauty) о соотношении продолжительности жизни и уровня рождаемости акцент сделан на паттернах, характерных для США и Вьетнама. Этот эффект достигается благодаря четкому разделению на цвет (зеленый, фиолетовый) и не-цвет (серый).
Точка отсчета
В bullet graph Стефана Фью три оттенка серого использованы, чтобы дать почву для интерпретации. Черная шкала — шкала количественных значений. А три оттенка серого отражают качественные уровни (хороший, плохой, средний) и помогают интерпретировать эти значения.
Расположение
В научной иллюстрации Браена Кристи изображение сердца притягивает внимание благодаря цвету, а серая, напоминающая рентген грудная клетка отображает расположение сердца. Она не привлекает к себе излишнего внимания и не перегружает изображение.
Контекст
В линейном графике Мартена Ламбрехта отражена история сезонного варьирования температуры. Использование серого дает тут сразу три преимущества.
- Контрастная черная линия на фоне остальных светло серых дает фокус внимания на данных одного года.
- Серые линии показывают контекст — соотношение выделенных показателей с показателями за другие годы.
- Использование одного нейтрального цвета позволяет увидеть картину целиком — например, паттерн, в который складываются показатели в зависимости от сезона.
Визуальная организация
В дэшборде Welovroi серый фон использован для визуальной организации информации. Он разделяет смысловые блоки без кричащих бэкграундов или отвлекающих внимание границ.
Отображение невыделенной информации
В интерактивной схеме энергетических потоков Кристиана Беренса и компании Рориф серый отображает опции, которые не выбранны в данный момент, сохраняя их видимость.
Заместитель неизвестного
Серый — заместитель неизвестной информации. В проекте Bloomberg Billionaires лица людей, чей внешний вид неизвестен, отображены серыми силуэтами. Решение одновременно решает проблему визуализации и намекает на интригу — в миллионерах-затворниках, несомненно, есть что-то мистическое.
Перевод с англ. «Make Grey your best friend» by Andy Kirk
Сервис для визуализации Many Eyes обновился до V2 (косметика)
Сервис для создания инфографики Many Eyes — один из самых загадочных. Существующий уже много лет под началом компании IBM (которая, как я подозреваю, развивает его как тестовый полигон для своих визуализаций для супер-продукта Cognos BI), он позволяет создавать много различных интерактивных визуализаций. С одной стороны, это удобно. С другой стороны, все загружаемые данные — становятся публично доступными, что делает крайне ограниченным возможность его применения в коммерческих целях.
И вот, внезапно оказывается, что у Many Eyes произошло обновление внешнего вида! Стало современней и опрятней, из явно «альфа-версии» сайта он стал больше походить на удобный инструмент создания инфографики.
Список визуализаций практически не изменился — лишь косметические правки по мелочам в отдельных визах. Сервис стал более умным, и начал подсказывать наилучшие варианты визуализации на основании тех данных, которые вы загрузили.
По-прежнему, в сервисе три больших блока визуализаций:
1. Визуализация частей целого
- Пай-чарты
- Heat-карты (тепловые карты) и матричные диаграммы-таблицы
- Tree-maps (квадратичные диаграммы)
- Пузырьковая диаграмма
- Карты нескольких регионов
2. Визуализация изменений во времени
- Столбиковая диаграмма
- Динамическая линейная диаграмма
- Баббл-чарт — диаграмма из кружков (про котороую недавно высказывался Стивен Фью)
- Блок-гистограмма
Visual.ly привлёк инвестиции
Стартап visual.ly, выступающий в качестве коллекции инфографики и инструмента для создания своей собственной, привлёк в прошлом месяце дополнительные $2млн инвестиций в своё развитие. Вложились уже существующие инвесторы — SoftTech VC, 500 Startups, и Giza Venture Capital, включая и таких стратегических инвесторов как главный продукт-менеджер сервиса Yammer James Patterson и несколько топов из рекалмной индустрии. Всё это ради того, чтобы активнее закрепиться New York City.
Visual.ly как бизнес — платформа для создания дизайн-проектов, которые использую данные из различных источников. Клиенты — компании — подключаются к базе из более чем 55.000 дизайнеров (даже не верится, что так много), чтобы выполнить совместный проект. Visual.ly выступает в качестве проект-менеджера всех проектов. Продолжить чтение →
Санкей построить несложно
Есть такая замечательная диаграмма — Санкей, о котороый мы уже писали. Напомню, что это замечательный и крайне полезный инструмент визуализации потоковых данных, и несколько-координатных массивов последовательно связанных между собой данных.
Конечно же, мы часто слышим
«в офисе я такое построить не смогу, ну вы что«,
поэтому активно стараемся разубедить в этом наших читателей, наших учащихся. Пока что в арсенале был только eSankey, который вполне удачно помогает справиться с боязнью санкеев (а его автоматизируемость, подключение к экселю с обновлением — просто шикарно). Поэтому вот ещё два свежих инструмента визуализации, которые появились недавно, и на которые стоит обратить внимание.
Fineo. Создан креативными ребятами из Density Design, находящимися под крылом Политехнического института в Милане. Достаточно простой в использовании — всего лишь скормить ему CSV-файл с данными, упорядочить последовательность отображения рядов данных, и диаграмма готова. На выходе — PDF, который можно использовать в презентациях, либо в графических программах для дальнейшей шлифовки стиля/цвета.
Небольшое видео о работе Fineo:
Fineo неким образом похож на ParSets, инструмент для визуализации дробления данных в параллельных координатах. Но они разные — санкей показывает несколько «состояний» в которые втекают и из которого вытекают потоки, тогда как параллельные координаты показывают перемещеие переменной в пространстве/координатах/таймлайне. Об этом мы подробно ещё напишем.
Второй инструмент ещё проще, но и изображения у него получаются совсем простенькие. Ссылка http://sankey.heroku.com даже ведёт на бесплатный хостинг приложений heroku (мы сами пробовали там кое-что сделать).
Вводите список переменных, далее настраиваете количества выходящих из каждого из блоков. На выходе получается готовая к использованию картинка. Сохранения введённых данных нет, если ошиблись — придётся пере-вводить. Но в качестве быстро-срочного инструмента визуализации — сойдёт на ура.
Можно,конечно, строить и в Processing’е (ссылка). Но не думаю что это доступно большинству из нас.
Ну и напоследок, список различного софа (инфографического, и не очень), позволяющего строить Санкей-диаграммы. Может, найдёте для себя что-нибудь особо интересное. И, делитесь вашими находками. http://www.sankey-diagrams.com/sankey-diagram-software/
Tableau Mobile — дэшборды на iPad
В прошлом месяце Tableau объявил о запуске собственного iPad-приложения в дополнение к десктоп-версии собственной BI- и визуализационной платформы. Как заявляет компания в своём пресс-релизе, подверглись оптимизации и доработке все имеющиеся в Tableau виды визуализации данных, для повышения удобства в работе на пальце-ориентированных устройствах.
Новость хорошая тем, что прогресс в визуализации в BI всё же есть. Аналитика приходит туда, где пользователь. Хотя и пока не так успешно как Roambi, в случае с iPad инфографикой. Сравните:
Roambi - управленческие дэшборды c помощью Infographer
Вообще, для айпада существует порядка двух десятков различных BI-визуализаторов. Какие-то лучше, какие-то хуже,но практически у всех одна проблема — они остаются «портированными» версиями десктопов. Всё дело в том, «доверяют» ли разработчики устройству визуализировать данные. В случае с Tableau — нет. Вся основная работа происходит на сервере, и по сути Tableau Mobile есть лишь некий «браузер». Нажатие пальца, судя по всему, отрабатывается промежуточным скриптом, который уже передаёт сделанным яно на flash диаграммам.
Результат инфографики выглядит достаточно скудно, а про ужасные кнопки внизу совсем даже и говорить не хочется. Хотя при этом, всё же, результат рабочий, и для не слишком притязательного энд-юзера сойдёт. Но мы же за красивые дэшборды тут радеем..
Напомню, что Tableau имеет публичную версию Tableau Public, куда можно загружать свои данные бесплатно. Сфера применения ограничена неконфиденциальными данными, так как всё что вы построите — будет доступно общественности. Для полноценной коммерческой работы доступен целый ряд сервисов Tableau, а также достаточно мощный механизм управления данными.
Забавный факт: этот сервис был использован в прошлом году для анализа данных по WikiLeaks, а затем с большой помпой эти данные были удалены. Всё что от этого сохранилось — это картинка с распределением объема данных по источникам. Негусто по визуализации, но густо для понимания/непонимания сути происходящего: почему с Турцией так много контактов?
Да, кстати, Der Spiegel на этих же открытых WikiLeaks‘овых данных сделал вот такую замечательную интерактивную инфографику: «The US Embassy Dispatches Interactive Atlas«
Из всех инфографик про WikiLeaks эта мне показалась наиболее полной и интересной.
Как делается современная инфографика. Урок в Illustrator
Описание урока:
- Программа Adobe Illustrator CS4
- Уровень сложности: средний
- Оценочное время прохождения: 3 часа
- Автор: Jonathan Patterson
Считаем урок интересным, потому что он охватывает ряд инструментов в Иллюстраторе, интересных как для построения инфографики, так и в целом для тех, кто не считает себя способным с закрытыми глазами создать в векторе что угодно.
На примере вот этого изображения описывается процесс работы
И дальше идет подробный экскурс, начиная с создания четырехколоночной сетки, подробно с разбивкой на 6 шагов:
Заголовок и элементы декора (эти шаги научат вас уже работать с прозрачностью и градиентом):
А дальше начинается самая интересная для нас часть — построение диаграмм в Illustrator.
Здесь я сразу сделаю 2 пометки. (1) Если вы хотите прочитать подробную инструкцию по использованию этого инструмента в Иллюстраторе на русском и с описанием всех видов доступных диаграмм, то зайдите сначала на страничку журнала КомпьютерПресс. (2) Мы этот инструмент считаем допотопным и такие задачи решаем еще проще — сначала строим диаграммы в Excel — там в разы больше возможностей для редактирования и видов графиков зашито больше. А потом просто копируем в Illustrator — экспортируются графики в векторе и можно делать с ними все те же манипуляции.
Джонатан демонстрирует нам 3 вида простых графиков — круговую, столбиковую и линейную пошагово.
Прошу заметить что легенда и подписи добавляются вручную и этот шаг легко может содержать в себе ошибки от невнимательности если данных много.
А вот следующий шаг в его уроке считаю самым важным и самым применимым в ежедневной работе — создание графиков из объектов с соблюдением пропорций.
Сначала создали 2 независимых объекта — человечка и график из данных. Наложили их и порезали инструментом Pathfinder. А потом еще ножнички нарисовали для симпатичной легенды.
И дальше — финальная композиция и работа с текстом. Все 40 шагов вы можете подробно изучить на Vector.tutsplus