Визуализация данных и информационный дизайн

Гайдлайн по визуализации статистики от ООН

2012-02-12T23:21:00.001+04:00

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

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

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

Всего 50 страниц неплотного текста с картинками.

В документа чувствуются идеи Фью и Тафти, что приятно. Если вы читали их книги, то ничего нового скорее всего не узнаете, но что-то полезное обязательно вспомните. :-)

Кстати, это вторая часть документа, который называется "Making Data Meaningful". Есть ещё первая, про то, как рассказывать истории с помощью статистики. И совсем новая третья часть, про то, как доносить свои идеи в современном медиапространстве.

~~У этого документов один недостаток (и то не для всех) — он на английском.~~
Первые две части, оказывается (спасибо, leonich!), есть на русском: 1 и 2

Small multiples

2012-01-10T11:00:00.000+04:00

Британская Daily Mail недавно опубликовала статью голландских морских пехотинцах. Самое интересное в статье — их фотографии до, во время и после их службы в Афганистане.

Такой вид визуализации Эдвард Тафти назвал small multiples — серия повторяющихся картинок, отличающихся некоторыми деталями.

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

via

С Новым Годом!

2011-12-31T01:53:00.000+04:00

Вот что Google говорит о том, как часто в его базе данных книг встречается это поздравление, а также упоминание Снегурочки и Деда Мороза:

Пусть в новом году ваши данные станут ещё интереснее!

Database от Stanford — всё понятно

2011-12-20T17:29:00.003+04:00

Я никогда не понимал, зачем в офисном пакете Microsoft Office приложение Access...

Летом увидел где-то ссылку на онлайн-курс Artificial Intelligence, организуемый Стэнфордским университетом. И я на всякий случай зарегистрировался. И сразу зарегистрировался аналогичный курс по базам данных. В итоге на Artificial Intelligence времени не хватило, а базами данных я так увлёкся, что выполнил почти все упражнения и сдал экзамены. Так же как 340 соотечественников...

Я понял, что это как раз то, чего мне не хватало в Excel. И тут же применил для анализа 344 Мегабайт данных о транзакциях (в Access же). Это круто!

Ещё один побочный эффект: логика Tableau Public сразу стала понятной.

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

Ответы на некоторые задания необходимо дать в форме текстовых запросов (чаще всего на языке SQL). И вот тут спрятан СамыйПриятныйМомент. Когда ты вводишь ответ, жмёшь кнопку проверки, и система в ответ на несколько строк твоего текста (о котором несколько дней назад ты вообще ничего не знал) пишет "Correct". Радости твоей нет предела!
И так два месяца )

Спасибо Jennifer Widom!

Кстати, в следующем году открывается ещё несколько интересных бесплатных курсов: pgm-class.org (внизу страницы весь список).

8 000 000 строк данных за 24 минуты

2011-12-07T17:30:00.000+04:00

Вот что получается, если самой лучшей и единственной в России команде видео-инфографики дать 8 миллионов строк данных о транзакциях по пластиковым карточкам:

Инфографика: Транзакции по картам Сбербанка в реальном времени

Шедевр визуализации от Росстата

2011-11-26T03:18:00.000+04:00

Картинка из Статистического бюллетеня "Основные показатели сельского хозяйства в России"

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

Интересно, это кто-то использует вообще?

7 000 000 000

2011-11-11T03:04:00.002+04:00

Вы наверно знаете, что совсем недавно нас на планете стало что-то около семи миллиардов. Сколько это? Как это случилось? Почему? Что будет дальше?
На эти вопросы своими прекрасными работами отвечают инфограферы The Economist, The Guardian, ООН, NPR.

В блоге Daily Chart от The Economist сразу две записи об этом событии.
В первой показано, сколько места заняло бы население планеты, если всех людей поставить плечом к плечу в разные времена. И сколько места досталось бы каждому человеку, если всех людей равномерно распределить по всей поверхности суши Земли. Сейчас это размер Красной площади.

Ещё один Daily Chart от Экономиста — видеоинфографика с интересными решениями диаграмм:

Ещё одна видеоинфографика медиа агенства NPR рассказывает, как нас стало 7 миллиардов:

На сайте The Guardian можно интерактивно изучить рост и прогноз роста населения разных стран. А самое главное — для каждой страны приводятся три другие страны с похожими паттернами роста населения и продолжительности жизни. Для России это Германия, Румыния и Япония.

Красивое видео от National Geographic:

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

Что ещё можно сюда добавить?

iLive

2011-10-09T01:23:00.000+04:00

В память об этом Великом Человеке. Juan Osborne взял 2500 сообщений, оставленных после смерти Стива Джобса, и и показал самые часто встречающиеся.

Текстовые слайды

2011-10-03T17:36:00.000+04:00

Наткнулся на слайд из презентации компании Амедиум. Слайд о том, что текста на слайдах должно быть мало:

Кручу, верчу, показать хочу

2011-08-22T21:54:00.000+04:00

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

Ребята из отдела инфографики The Economist взяли и посчитали для каждой страны количество лет, необходимое, чтобы всё население вымерло при существующих показателях убыли населения. И показали на диаграмме:

Конечно, сравнение весьма условное и не учитывает многие другие факторы. Однако теперь данные "заговорили". Пять веков более понятно, чем 1,2 дочери на каждую женщину.

Тупое преступление Картмана 2000

2011-04-27T23:25:00.000+04:00

Пример хорошей презентации из Южного Парка – есть начало, середина, конец. Хорошая структура, хорошая идея. Правильная продолжительность и хорошее визуальное сопровождение. А главное – она что-то меняет.

Это серия целиком. Презентация начинается в 16:45

Государства и корпорации

2011-03-09T07:59:00.002+03:00

Я знаю, что не совсем корректно сравнивать ВВП государства и выручку компании. Однако, если это сделать, то получится, что почти половина (45) из 100 крупнейших экономик мира - это корпорации:

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

Рассказать как?

Когда нужны линии сетки на графиках и диаграммах

2011-02-21T18:11:00.000+03:00

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

Однако есть 4 случая, когда применение линий сеток на графике оправдано.

Большинство программ и сервисов добавляют сетку на график по умолчанию. Хотя должно быть наоборот. Сетка должна добавляться только в случае необходимости.

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

Итак, когда нужны линии сетки на графиках и диаграммах.

Случай 1. Для увеличения точности в случае большого графика

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

Кстати, ещё один способ решить эту задачу, построить ось с обозначениями с обеих сторон от графика.

Случай 2: Для более точного сравнения небольших различий.

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

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

Такое восприятие объясняется в интересно законе Вебера-Фехнера про восприятие (ссылка на короткую статью Вики).

Случай 3: Для корректного сравнения значений в определённых точках или категориях
Посмотрите на левый график и скажите, когда больше разница между местным и международным показателем - в феврале или в мае?

На самом деле абсолютная разница одинакова на протяжении всего графика и равно 700 единицам.

Такой “глюк” восприятия возникает из-за того, что глаз сравнивает ближайшее расстояние между линиями, вместо сравнения расстояния по вертикали. Последнее как раз помогают сделать вертикальные линии.

Случай 4. Для выделения различных областей
Это случай применим для диаграммы рассеивания (точечного графика).

Если вам нужно посмотреть на данные в определённом диапазоне, например рост от 70 до 75 на левом графике, то сделать это намного проще, если есть сетка вертикальных и горизонтальных линий.

Дизайн линий

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

По материалам статьи Стефана Фью Grid Lines in Graphs are Rarely Useful 2005 года.

Зачем нужны презентации (слайды)

2011-02-15T20:07:00.000+03:00

Алексей Каптерев задался вопросом, зачем вообще нужны презентации:

Старый как мир вопрос: нафига возиться со шрифтами и толщиной линий на этих чертовых слайдах, когда можно вместо этого... (далее большой список). Зачем вообще нужны эти слайды? Я долго думал и смог перечислить всего четыре функции:

Напоминать: о содержании спикеру во время выступления и аудитории — после (раздатка).
Усиливать: придавать больший эмоциональный вес словам за счет иллюстраций.
Объяснять: схемами можно объяснять сложные процессы, взаимоотношения и т.д.
Доказывать: данные и визуальные сравнения пригодятся там, где требуются доказательства.

Но... может быть еще еще какие-то? Предлагайте свои версии, не стесняйтесь.

Радуюсь )

2011-02-15T19:01:00.003+03:00

Моё сравнение русских и японских пословиц попало на dirty.ru, где вызвало бурное обсуждение (дошло до шоколадных попок) и даже фотожабы. Это привело 2000 посетителей на этот сайт за один только четверг!

И я до сих пор не могу вспомнить, как эта идея пришла мне в голову :-)

(картинка - жаба от Genki)

Кстати, о птичках

2011-01-31T13:24:00.000+03:00

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

А в списке Following много хороших twitter-ресурсов по визуализации информации и анализу данных.

Посоветуете, что-нибудь ещё интересное и полезное?

Google Refine - инструмент для очистки и структурирования смешанных данных

2011-01-19T11:34:00.001+03:00

Если вы сталкиваетесь с необходимостью очистки и структурирования данных, например с веб-страниц, а возможностей Excel не хватает, то Google Refine — для вас!

Google Refine - мощный инструмент для работы со смешанными данными, их очистки, организации, преобразования, дополнения с использованием веб-сервисов и загрузки в базы данных, вроде Freebase.

Dan Nguyen дал ещё одно определение Google Refine: средство от головной боли, усталости глаз, депрессии и других симптомов многочасовой работы по очистке данных.

Google Refine:

могут использовать люди без навыков программирования и работы с базами данных;
бесплатен;
запускается на любом компьютере, работает в браузере и использует интерфейс, похожий на Google Docs;
несмотря на то, что инструмент придуман Google, он работает автономно и не требует отправки данных в интернет;
куча полезных функций, включая историю изменений и их отмены, визуализацию характеристик данных; фильтры, кластеризацию, самые разные преобразования и использование простого языка выражений Google Refine Expression Language (GREL).

Позже я планирую рассказать об основах работы с Google Refine и показать примеры его использования.

А те, кто хоть чуть-чуть владеет английским языком, могут посмотреть первый из серии скринкаст об основах работы с Google Refine (7 минут):

Русские и японские пословицы

2011-01-05T17:29:00.000+03:00

Облака слов построены в отличном сервисе wordle.net.
Пользоваться им просто: копипастите текст или вставляете URL блога, нажимаете Go и играетесь с параметрами.

Motion Chart - Уровень жизни и зарплата в регионах во времени

2010-12-27T11:47:00.000+03:00

Добавим немного динамики к пузырьковой диаграмме уровня качества жизни и зарплаты в регионах России, использовав Google Motion Chart:

Индекс качества жизни в регионах России рассчитан Институтом региональной информации
на основе данных Росстата: www.inreginfo.ru/s/37
Население и зарплата - данные Росстата: www.gks.ru/wps/wcm/connect/rosstat/rosstatsite/main/population/demography/

Качество жизни и зарплата в регионах России

2010-12-22T13:21:00.004+03:00

Посмотреть на Tableau

Идея возникла благодаря статье про инструменты для составления картограмм регионов России RussianSphinx в блоге Алексея Мельникова VizualData.ru

Визуализация медицинских данных

2010-12-22T10:39:00.001+03:00

David McCandless и Stefanie Posavec взяли анализ крови (дизайн 1965 года):

Провели некоторые исследования и визуализировали информацию:

http://www.wired.com/magazine/2010/11/ff_bloodwork/3/ via Information Is Beautiful

Индивидуальные графики Ерофеева 1969 года

2010-12-15T11:29:00.000+03:00

Вчера нашёл интересный пример визуализации данных в художественной литературе. Это индивидуальные графики потребления алкоголя в поэме Венедикта Ерофеева "Москва-Петушки". Произведение написано в 1969 году, за 40 лет до появления сервисов личной статистики наподобие Your.FlowingData или Daytum.

И вот тогда-то я ввел свои пресловутые «индивидуальные графики», за которые меня, наконец-то, и поперли…

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

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

А это – Алексей Блиндяев, член КПСС с 1936 г., потрепанный старый хрен:

А вот уж это – ваш покорный слуга, экс-бригадир монтажников птурс, автор поэмы «Москва – Петушки»:

Ведь правда, интересные линии? Даже для самого поверхностного взгляда – интересные? У одного – Гималаи, Тироль, бакинские промыслы или даже верх кремлевской стены, которую я, впрочем, никогда не видел.

У другого: предрассветный бриз на реке Кама, тихий всплеск и бисер фонарной ряби. У третьего – биение гордого сердца, песня о буревестнике и девятый вал. И все это – если видеть только внешнюю форму линии.

А тому, кто пытлив (ну, мне, например) эти линии выбалтывали все, что только можно выболтать о человеке и о человеческом сердце: все его качества, от сексуальных до деловых, все его ущербы, деловые и сексуальные. И степень его уравновешенности, и способность к предательству, и все тайны подсознательного, если только были эти тайны.

Life is simple

2010-11-28T04:31:00.000+03:00

by Moritz Resl

Цели

2010-11-22T23:15:00.000+03:00

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

Жень, привет!

Интересный проект!

Возвращаясь к нашему телефонному разговору: всё-таки, чтобы сделать хорошую работу, нужно знать, для кого она и для чего.

Ты тратишь свои ресурсы – время, деньги на изготовление этой презентации. Но эти ресурсы ты вкладываешь не просто так, а с определённой целью (даже в благотворительности). Почти всегда цель вложений – что-то получить и/или изменить в нужную для тебя сторону. Но поскольку само собой ничего не меняется, что-то изменить могут только люди. В нашем случае – те, кому предназначена презентация. Ты ожидаешь, что они либо (в идеале) предпримут какие-нибудь активные действия (позвонят, зададут вопрос, подпишут договор), либо изменят (создадут) своё отношение по какому-то вопросу, чтобы тебе легче было с ними договориться в дальнейшем. И презентация как раз должна побуждать людей совершить эти изменения, внешние или внутренние. И чтобы сделать такую презентацию, которая будет не просто для галочки, а будет что-то менять, нужно подумать и сформулировать все эти желаемые изменения, прямые и косвенные.

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

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

1000 лет за пять минут

2010-11-15T11:44:00.001+03:00

В дополнение к моему посту про анимацию в инфографике на infographer.ru нашёл очень интересный ролик про изменение границ в Европе в течение 1000 лет:

Не хватает только года. Как в похожем анимационном ролике про войны на Земле:

Вот бы объединить эти ролики, правда?