Тема: Примеры визуализации 8
Примеры инфографики со всего мира — из всех областей бизнеса и науки, из самых интересных источников. Графики, визуализации, целые проекты. Листайте и наслаждайтесь. А так же — присылайте нам все, чем хотелось бы поделиться. Будем рады.
Круг эмоций Плутчика, эмоджи и атлас эмоций Далай-ламы
Роберт Плутчик создал колесо эмоций, RJ Andrews (автор Info we trust) развеселил колесо, добавив эмоджи, ну а мы всю эту красоту перевели.
А как вы взаимодействуете со своими эмоциями?
Впервые Плутчик предложил свою модель в форме конуса (3D) или колеса (2D) в 1980 году, чтобы описать взаимосвязь эмоций. Он предложил 8 основных биполярных эмоций: радость VS грусть; гнев VS страх; доверие VS отвращение, удивление VS ожидание. Кроме того, его модель отражает интенсивность выражения одной и той же эмоции с помощью цвета. Как и цвета, первичные эмоции могут быть выражены с различной интенсивностью, а еще могут смешиваться друг с другом, образуя новые эмоции.
А вот еще один проект об эмоциях — Atlas of emotions. Атлас Эмоций был заказан Далай-ламой. «Чтобы найти новый мир, нам нужна карта, а для того, чтобы обрести спокойствие, нам нужна карта наших эмоций». Задача этого Атласа — помочь нам осознать свои эмоции. Осознание эмоций — это понимание того, как они включаются, что мы чувствуем и как мы реагируем. Atlas of emotions выделяет пять базовых эмоций — гнев, страх, грусть, отвращение и радость.
На сайте есть тамлайны, которые показывают, как мы реагируем на одну и ту же ситуацию в зависимости от эмоции. Ниже смотрите пример реакции на ситуацию «Ваш друг злится на вас». Если в ответ включается гнев, вы начнете спорить. Если в ответ включится другая эмоция, вы поведете себя тоже по-другому. Смотрите на сайте!
Еще есть графики интенсивности эмоций. Ниже смотрите, как выражается отвращение.
И последний раздел показывает, как мы реагируем на эмоцию. В данном случае — на страх.
Дзена вам и визуализаций ;)!
Тысячи способов визуализировать научные данные
Тексты
Таймлайны
Timelines Revisited — это каталог на основании 263 таймлайнов, разработанный группой InfoVis Университета Британской Колумбии в Канаде. Авторы — Matthew Brehmer, Bongshin Lee, Benjamin Bach, Nathalie Henry Riche, Tamara Munzner.
Про юмор в инфографике от Найджела Холмса
Из книги Найджела Холмса Wordless Diagrams
Из диалога с Найджелом:
Я давно ратую за юмор в инфографике. Это способ подружиться с читателями, помочь им расслабиться, когда перед ними вереница чисел или замысловатые научные концепции. Мне всегда хотелось, чтобы читатель получал удовольствие от изучения, а не чувство, что он делает домашнюю работу. Если я вызову улыбку — я уже наполовину помогу читателю увидеть то, что я пытаюсь объяснить. Многие академики и data-дизайнеры ненавидят такой подход. Они настаивают на «фактах и только фактах». Любое отклонение — это зло, зло, зло! Они даже придумывают псевдонаучные теории, которые важно звучат “optimal data-ink-ratio” или “chartjunk.” (те же самые пуристы часто допускают элегантный дизайн, результатом которого становится data art с едва различимым смыслом. И это то, что я называю chartjunk).
Я не утверждаю, что вся инфографика должна быть смешной. Или какая-либо вообще. Может, юмор и неправильное слово. я скорее имею ввиду «хороший юмор» — положительное чувство, чувство дружелюбного настроя и открытости. Конечно, некоторые темы серьезны сами по себе, и там нет пространства для юмора — речь идет о раке, рабстве, терроризме. Но разве нам нужно быть такими серьезными во всем остальном? Почему мы не позволяем себе сделать графику чуть более доступной — включить элемент, который вызовет улыбку. Неужели серьезность автоматически делает источник авторитетным, а веселая картинка — нет?
Слева — New York Observer: Городские сложности. Справа — The Atlantic: Задержка жидкости
New York Observer: Что происходит в Бруклине
U.S. Airways magazine: Искусство природы
Журнал Glamour: Девственники и девственницы в кампусах колледжей
Журнал Time: зарплаты
Источник: Nigel Holmes on humor
Malofiej24: про законы восприятия и эмпатию
Личные впечатления от прошедшей конференции Malofiej24, наиболее значимые или полезные моменты и все материалы, которые удалось собрать. День второй, часть вторая.
Лучше всего Lena Groeger из ProPublica охарактеризовала свое выступление сама. Цитирую ее анонс в твиттере: “Через 10 минут я буду говорить о слепых пятнах нашего мозга и о том, что графика может с этим делать”.
Лена упомянула статью в The New Yorker, где описывается влияние пяти наших чувств друг на друга: чипсы, которые хрустят громче, воспринимаются нами как более свежие. С визуализациями так же: другой график, и сразу сдвиг смысла.
Слайд презентации: cтолбики или линии
Правый график переводится мозгом как “чем человек более “мужик”, тем он выше ростом».
Полную презентацию можно посмотреть тут.
Слайд презентации: мы ненавидим ждать
Комментарий к седьмому слайду (про очередь). В одном аэропорту люди выходили из самолета, шли одну минуту и потом семь минут ждали багаж. Было много возмущения и претензий. Менеджмент изменил маршрут. Теперь люди шли от самолета семь минут и ждали багаж одну минуту. Аэропорт стал примером для подражания по скорости выдачи багажа.
А вот еще шикарный проект, объясняющий, что минимальные изменения на уровне персоны приводят к глобальным изменениям на уровне общества. Очень рекомендую прочитать внимательно, разобраться и поиграть с предложенными моделями.
Притча о полигонах. Проект Vi Hart и Nicky Case
Основной вывод – аккуратнее с используемыми вами визуализациями. Проверяйте на наличие неумышленного или тем более умышленного фактора лжи. Смотрите на свою работу глазами зрителя, который ничего не знает о том, что именно вы хотели сказать. Не вводите в заблуждение.
Заключительное выступление конференции. Brian Boyer из NPR (National Public Radio). Очень колоритный дядька из классических байкеров: косуха, пивной живот, борода, мощный голос, регулярный мат. По его собственному определению, несчастный программист, который загуглил “журнализм”. По моей оценке, одно из самых ярких выступлений конференции.
Интересные цитаты:
Cила радио в том, чтобы услышать историю из чьих-то уст. Это не то же самое, что прочитать цитату.
Наше влияние – эмпатия. Наша миссия – заставить людей принимать близко к сердцу.
Фотография может внезапно заставить тебя обратить внимание. Это такие машины по созданию эмпатии.
Награды показывают, впечатлили ли вы своих коллег. Я люблю своих коллег, но они не моя аудитория.
Наша новая дверь заставляет очень умных людей каждый день чувствовать себя идиотами.
В тему плохих дверей – видео:
И если вдруг вы еще не читали книгу Дональда Нормана “Дизайн промышленных товаров” – читать срочно!
И еще цитаты:
Список самых читаемых материалов никогда не бывает полон самыми влиятельными материалами. Это не наша вина, просто критерий оценки выбран не верно.
Размещение просьбы о пожертвовании после того, как вы получили положительный ответ на вопрос, понравилась ли вам история, поднял конверсию в 10 раз.
Слайды:
Заставляют ли визуальные истории людей задуматься?
История про социальное жилье в Чикаго
Продолжение следует!
Автор: Максим Горбачевский
10 способов сделать Столбиковую диаграмму красивее
Я давно собираю коллекцию инфографических решений для простых диаграмм. Это самый распространенный случай для дизайнера, когда нет предмета, который можно было бы построить в разрезе, иллюстрация детальная не подойдет, для сложных диаграмм необходимости нет. Нужно просто сделать столбиковую диаграмму красивее, чем может нарисовать Эксель.
1. Сглаживаем углы (качество картинок может быть плохим, т.к. часто это всего-лишь фрагменты работ). Во втором примере они еще и прозрачные с наложением друг на друга
2. Делаем столбики наклонными
3. Продлеваем график за границы отведенного ему места. Особенно если хоти сделать акцент на определенном факте.
Изобрели новый вид диаграмм для сравнения плана и факта!
Всю прошлую неделю не было сил написать ни единой строчки в блоге — 4 дня подряд мы проводили тренинг в аналитическом департаменте Интер РАО ЕЭС. Мы очень плодотворно провели время и кажется даже изобрели новый вид графиков в ответ на одно из упражнений!
Упражнение было следующим: У вас есть несколько статей бюджета (например 5) и вам нужно отобразить выполнение плана (отклонение фактического показателя от планового) по каждой из них. При этом, показав вес каждой из категорий в общем результате. И еще чтобы строился в Excel и обновлялся без проблем.
Вообще для сравнения плана с фактом обычно используются спидометры и термометры, но они не показывают размер категорий. Да и 5 спидометров в ряд рисовать странно.
Довольно стандартные варианты решений выглядят так (все основаны на столбиковых диаграммах):
А на тренинге, благодаря участникам, был придуман новый вариант на базе пай-чарта. Величина сектора привычно показывает вес статьи в общем бюджете, а его высота показывает процент выполнения. Соответственно «голубая статья бюджета» у нас является самой большой и перевыполняющей план.
Более того, мы придумали как эту диаграмму построить в Экселе — сделали комбинация Радара и Круговой\пирожковой диаграммы. Много технических дополнительных строк, но диаграмма работает! Продолжить чтение →
Рейтинги и их изменение
Публикую две работы, демонстрирующие решение одной задачи — визуализация изменения рейтингов во времени.
Первой работе уже более 100 лет, это скан страницы «Statistical Atlas of the United States 1900». Подготовлена United States Census Office под руководством Henry Gannett (ГосКомСтат, наверное, еще даже в проекте не существовал).
История 12ти переписей населения в Соединенных Штатах Америки (последняя 1900 год, первая — 1790 год) о том, как меняли положение штаты по размеру населения. Впечатляет чистота исполнения и детальность проработки.
Обратите внимание на цветовое кодирование территорий — 51 штат как никак!
Вторая уже гораздо более современная и читать ее гораздо легче — статистика испанского заезда Формулы 1. Отлично показано, как менялся рейтинг пилотов после каждого круга.
Видно, как Alonso сразу выпрыгнул на первое место и уже никому его не отдал, а вот за второе место шла борьба — Raikkonenа дважды обогнал Heidfeld, но так и не удержался на второй позиции и в итоге пришел третьим. Sato стал с десятого пятым уже на втором круге и т.д. А основная борьба шла в превые минуты, а после 31-го круга «пульса» уже вообще не было, победители были ясны.
В общем, наслаждайтесь изображениями и пользуйтесь на здоровье этим приемом в инфографике.
Диаграмма Sankey — страсть этого сезона
Пост об этих диаграммках уже был. Но менее прекрасными они от этого не становятся. Она особенно незаменима когда нужно показать поток — куда он идет и его ширину. И когда помнишь о ней, то появляется все больше и больше случаев для ее использования.
А вот об использовании теперь подробнее! Инструментов для ее сотворения не много — Excel не может, Many Eyes и Tableu тоже. Строить вручную сложно — нужно выверять толщины линий, редактировать каждую по отдельности.
Мы нашли ресурс E-Sankey. Строить довольно просто — пошаговая инструкция есть на сайте. Указываешь начало и конец, задаешь цифрой толщину линии и дальше манипулируешь ею. Выбор цветов и опций редактирования тоже есть. Скажем честно, делали в бесплатной версии, а потом поверх векторизовали. Денег тратить пока не захотелось. К тому же косо работают ссылки из экселя.
Ниже пример использования от разработчиков диаграммы e-sankey — для автомобильного траффика на перекрестке, пожалуй самый гениальный случай, я не знаю как это можно визуализировать лучше.
Эти же санкеи мы использовали в своей работе в июле — для подготовки презентации по потреблению и эффективной экономии ресурсов Самарской области. Нам нужно было показать объем генерации энергии, процесс транспортировки, потребление различными группами и потери на каждом их этих этапов. По-моему санкей — самое правильное решение.
