Таня Бибикова

о визуализации данных и жизни

Лучшие визуализации — 2017

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

Вот «Блумберг» прогнозирует вероятность автоматизации и исчезновения профессий:

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

«Гардиан» предлагает читателю сравнить своё финансовое положения с представителями других поколений:

Для начала читатель указывает свой возраст и выбирает страну — статья становится персональной. После этого он по шагам знакомится с графиками, которые дают ответы на конкретные вопросы «Богаче или беднее были 30-летние в моей стране раньше?», «В каких странах 30-летние богаче или беднее, чем я?», «Соотечественники какого возраста богаче и беднее меня?». Эти ответы помогают разобраться в информационно нагруженной «матрице поколений» по странам. К сожалению, в списке стран нет России.

«Вашингтон-пост» рассчитывает налоговые послабления для граждан, проживающих в разных штатах, с разным доходом, с учётом семейного статуса и налоговых вычетов:

«Нью-йорк-таймс» анализирует пригороды крупных американских городов по соотношению доступности жилья и качества школьного образования:

Городки в правом нижнем углу — лакомый кусочек. Зелёным выделены пригороды, в которых комьют (усреднённый по всем жителям) не превышает получаса. На графике поиском можно найти свой или соседний городок, а также присмотреть новое место жительства.

«Стек-оферфлоу» исследует популярность основных технологий разработки в развитых и развивающихся странах:

Очень интересные исследования в области данных простых людей проводит Натан Йяу у себя на «Flowing Data». Вот пара примеров.

Время жизни взрослого человека, распределённое по активностям (в днях):

Отличие в занятиях у людей без детей и людей с детьми (в часах):

Другая интересная тема — разводы, например, этот срез по профессиям:

К слову о вымирающих профессиях. Используя формат из прошлогодней визуализации «Блумберга» «Кто на ком женится», Натан отображает возможные маршруты смены рода деятельности:

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

Хенрик Линдберг визуализировал пики занятия разными видами спорта в течение дня:

Зен Армстронг показал паттерны рождения младенцев, с интересными акцентами и выводами:

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

Отмечу ещё несколько интересных исследований на тему геоданных.

Эссе Джастина О’Бирна, посвящённое новой технологии гугла, AOI (areas of interest) — читается как остросюжетный детектив:

Cистема отслеживания пиков загрузки на немецкой железной дороге (вся магия в скринкасте):

Красивое и содержательное исследование работы московского такси от Александра Кукушкина:

Отображение времени вызова цветом — настоящая находка!

Здания на Манхеттене, которые не были бы построены сегодня:

Другие достойные внимания, вдохновляющие и необычные визуализации.

Жизнь крупных городов, визуализированная чекинами на Форсквере:


Изохроны крупнейших городов Европы:

Интерактивное объяснение, которое в игровой форме рассказывает, как устроено доверие и насколько выигрышными являются различные модели человеческого поведения:

Температура, ветер и снего-дождь на новых погодных картах Яндекса:

«Дыщащая Земля» — симпатичная визуализация сезонных изменений зелёного покрова планеты:

Все солнечные затмения, которые произойдут в течение вашей жизни:

Для любителей живой природы — всё, что вы хотели знать о яйцах в визуализации журнала «Сайнс»:

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

Сумасшедшей красоты картины машинного обучения:

Высочайшие статуи мира — бок о бок, один из моих любимых форматов:

Анализ результативности бейсбольных ударов в зависимости от угла и скорости мяча:

Все «пробеги» ресивера Нью-йоркских гигантов Оделла Бекхема в этом сезоне Американской футбольной лиги:

Больше вдохновения в твиттере по тегу #Δλlikes. С наступающим Новым годом!

Отчёт о декабрьском курсе «Визуализация данных»

8, 9 и 10 декабря мы с Ромой и Димой провели в Москве очередной, шестой по счёту курс по визуализации данных. И по нашим ощущениям, и по результатам практики, и по отзывам участников, курс получился очень удачным. Он объединил все наши лучшие наработки и некоторые нововведения. Из нововведений, мы подготовили для участников конспект всех лекций с контрольными вопросами, а также в качестве эксперимента открыли дистанционный доступ к курсу для трёх участников.

В нашем курсе четыре учебных блока: теория визуализации данных (моя часть), знакомство с Табло (Ромина), знакомство с d3.js (Димина) и работа над мини-проектом (самостоятельная часть под руководством преподавателей). Курс идёт три дня, и в этот раз нам удалось найти идеальный рецепт распределения учебных блоков во времени.

Первый день до обеда мы посвятили теории визуализации данных. Мы с участниками рассмотрели классные примеры и вместе сформулировали признаки хорошей визуализации, после чего перешли к разбору алгоритма Δλ — познакомились с понятиями реальности данных и частицы данных, узнали, зачем они нужны и как их использовать. Хорошее представление об этом блоке даёт опубликованная на хабре расшифровка моего выступления на БДСЛ. После обеда у руля встал Рома и провёл для ребят мастер-класс по работе с Табло. Участники курса изучили возможности и ограничения инструмента и попробовали применить его на практике.

Второй день до обеда — продолжение теоретической части. Участники познакомились с понятиями визуального атома и каркаса, обсудили возможности сочетания разных атомов и каркасов между собой и разобрали по косточками около 50 (!) примеров визуализаций, от более-менее стандартных до самых экзотических. Ребята стоически выдержали такой плотный поток информации. После обеда Дима погрузил участников в мир веб-технологий: от создания векторной графики в SVG и написания функций на джаваскрипте, к освоению d3.js — выборкам, текучему интерфейсу, GUP (general update pattern) и работе со специфичными для d3 функциями.

Весь третий день участники работали над своими задачами. В первой половине дня учились применять алгоритм Δλ к своим данным, обсуждали со мной результаты и формулировали постановку задачи. Во второй половине — решали эту задачу с помощью выбранного инструмента (Табло или d3) под чутким руководством Ромы и Димы. На вечернем разборе 9 из 10 участников продемонстрировали интерактивные визуализации на основе собственных данных. До работоспособного результата не доплыл только Влад, который участвовал в курсе удалённо из Вашингтона, к третьему дню провёл с нами уже три бессонные ночи и ушёл спать раньше, чем начался разбор.

Покажу несколько примеров. Саша Котов из Авто.ру собрал в табло визуализацию для сравнения характеристик автомобилей:

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

Катя Гаврило, удалённая участница из Амстердама, выбрала для практики данные о 512 заключённых, казнённых в штате Техас, и продумала интереснейшую историю о них:

Ольга Макарова визуализировала работу своего отдела с разных точек зрения, в частности, сделала очень полезный срез о присутствии на рабочем месте в течение дня:

Филип Милевчич показал финансовые разночтения в отчётах аптечных сетей и дистрибьюторов, совместив на одном экране интерактивно связанные карту, таблицу и диаграммы:

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

А вот предмет нашей особой гордости — отзывы:

Как я уже писала, мы очень довольны курсом с точки зрения эффективности обучения. А ещё он получился очень камерным и душевным. Спасибо всем участникам за вовлечённость и искренний интерес к нашим знаниям ❤️

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

Курс по визуализации данных, 8, 9 и 10 декабря в Москве

8, 9 и 10 декабря мы с Ромой и Димой проведём в Москве учебный курс по визуализации данных.

В прошлый раз мы в качестве эксперимента дополнили нашу обычную программу блоком о Табло и добавили целый день на работу с мини-проектами. Эксперимент удался, Табло пришёлся по душе многим участникам, а у тех, кто решил всё-таки разобраться с D3.js было больше времени на общение с Димой и разбор сложных случаев. В последний день ребята так сильно увлеклись работой над собственными визуализациями, что не расходились до позднего вечера.

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

Для тех, кто сомневается, насколько полезен лично ему будет курс, я собрала на хабре пять причин посетить курс по визуализации данных. А для тех, кто читает блог, по традиции скидка — 5 тыс. руб. (при записи в поле «Комментарий» сделайте пометку «из блога Тани»).

До встречи в Москве!

Лабораторный слёт на Байкале

В ноябре прошлого года мне написала Маша Комарова и пригласила в байкальский дизайнерский лагерь. Я согласилась, не раздумывая. Этим летом мы всей семьёй и всей лабораторной командой побывали в необыкновенных местах.

БДСЛ
Первые дни мы провели в лагере, в посёлке Большие Коты (ударение на первый слог). Дорога от дверей дома до гостиницы в Котах заняла 28 часов: выехали утром, приехали в обеде следующего дня. Но вид с балкона того стоил:

В лагере я провела мастер-класс по визуализации данных — одно из немногих моих выступлений, которым я безоговорочно довольна. Сосны и Байкал в открытых окнах аудитории добавляли мне спокойствия, а моему рассказу последовательности и ясности. Кроме выступления, лагерь запомнился классной атмосферой научной биостанции, посиделками у костра, беседой на берегу озера и новыми приятными знакомствами.

Фото Юли Поздняковой

Спасибо Маше за чудесную организацию и гостеприимство! Всё сделано с любовью и продумано до мелочей. Особенно умилили бейджики для малышей с формулировками вроде «Ты проживаешь в номере со своими мамой и папой» :-)

Яна и её «бэжик»

Харанцы
После лагеря мы перебрались на остров Ольхон, где провели ещё две недели с лаборантами.

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

Справа — наш домик, слева — столовая с верандой, которая служила нам коворкингом

От дома открывался ошеломительный вид на озеро и скалу Плывущий лев:

Наш дом справа за деревьями

Наблюдаю со своего балкона единственный рассвет, который мне удалось не проспать:

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

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

Отдельным пунктом программы были вечерние развлечения. Почти каждый вечер мы ходили на берег озера и любовались закатом, а после этого возвращались домой и устраивали посиделки у костра. Количество сосисок, съеденных на этих посиделках, превысило мою годовую норму (не то чтобы она была большой, но всё же :-)

Закат без фильтров
Всё в сборе у костра, сфотографировал Кирилл Беляев

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

Фотография Полины Ошурковой
Воздушный змей Саши и Лизы Моисеенко

Ещё нам вместе с малышами посчастливилось наблюдать, как суслик роет нору — он делал это прямо возле нашего дома:

Яна с Данилой были неразлучны ❤️

Экскурсии

За всё время на Ольхоне, мы несколько раз выбрались в столицу острова Хужир и съездили на две морские (потому что по Малому Морю) экскурсии.

Скала Шаманка в Хужире — сердце Ольхона и символ Байкала
На ритуальных столбах (сэргэ) паломники-буряты завязывают цветные лоскуты
Звериные тотемы, сфотографировала Яна

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

Посиделки на маленьком пляже

Поездки на катере по Малому Морю оставили ощущение сплошного концентрированного счастья.

Мы прокатились до острова Огой, по пути видели нерпу в бухте острова Замогой и запилили корпоративный лук на фоне сложенного из камней логотипа лаборатории в непосредственной близости от буддистской ступы:

Переплыли Малое море и прогулялись по противоположному берегу:

Обогнули мыс Хобой:

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

Лазали по валунам из белого мрамора, пока наш капитан, стоя по колено в воде, мощным бедром придерживал картер, который сносило волной:

Рассмотрели вблизи скалу Плывущий лев, на которую до этого любовались с берега:

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

К сожалению, этот лабораторный слёт был последним в таком большом составе. В сентябре я отказалась от самого крупного лабораторного проекта, и мне пришлось попрощаться с большей частью команды. Тем лучше, что наши последние совместные воспоминания окажутся такими особенными ✨

Визуализация данных в Школе дизайнеров

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

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

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

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

Алгоритм Δλ: новая подача, учебный курс и БДСЛ

Весь прошлый год я работала над алгоритмом визуализации данных. Я сознательно избегала упрощения и стремилась к универсальности. Мне хотелось, чтобы алгоритм принимал на вход данные любой сложности и позволял получить максимально подходящую для них визуализацию, выраженную стандартными или нестандартными форматами. Но как любой гибкий и мощный инструмент, алгоритм оказался сложен для понимания и изучения. Даже после моего объяснения на курсе, некоторые участники не смогли применить его для решения своих, зачастую достаточно простых, задач. Да и развивать алгоритм было чем дальше, тем сложнее. Короче, перемудрила :-)

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

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

Изменится подача: я попробую раскрыть алгоритм от простого к сложному. Я уделю много внимания базовым форматам, разберу их с точки зрения алгоритма и покажу, как обогатить их данными и срезами. Это будет фундамент для решения большинства задач — польза всем. Оттолкнувшись от привычных форматов, мы с участниками курса вместе дойдём до «визуальных атомов» и «каркасов», и обсудим, как можно произвольно комбинировать их для решения более сложных и нестандартных задач. Это будет вход вглубь алгоритма, в очень важную (но далеко не всем нужную) его часть. На практике каждый участник сам решит, хочет ли он применить знания об алгоритме на стандартных форматах или копнуть вглубь. В работе с инструментами мы пошли тем же путём: мы знакомим ребят с Табло и d3.js, а на практике участники сами выбирают, что им ближе — быстрый результат или неограниченные возможности.

Курс пройдёт в Москве 17, 18 и 19 июня. А 22 июля я проведу четырёхчасовой мастер-класс по визуализации в Байкальском дизайнерском спецлагере. Там будет меньше времени и меньше практики, чем на нашем курсе, зато будут другие классные лекторы, посиделки у костра и Байкал! По традиции читателям блога — скидка 5 тыс. руб. на курс (при записи в поле «Имя и фамилия» сделайте пометку «из блога Тани»). Насчёт скидки на БДСЛ ничего не знаю, просто передавайте Маше от меня привет :-)

До встречи этим летом!

Лабораторная зимовка на Самуи

Этой зимой мы впервые за долгое время решились на дальнее путешествие: провели месяц в Таиланде, на острове Самуи. Для меня это был рискованный эксперимент, потому что я позвала с собой лабораторную команду, при этом времени на подготовку и планирование поездки почти не было. Эксперимент удался на все сто, мы с Димой и Яночкой зарядили батарейки и здорово провели время, ребята тоже довольны.

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

Самуи

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

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

На Самуи много живописных и интересных мест. Заскучать не успели, поэтому в этот раз никуда с острова не уезжали.

Скалы Прадедушка и Прабабушка
В секретном саду Будды
На Серебрянном пляже

Путешествие с Яной

Самым сложным во всём путешествии был ночной перелёт Москва-Бангкок, в котором Яна не заснула. Я, уже сама как варёная рыба, ходила с ней по тёмному спящему самолёту, очень-очень долго. Лететь так далеко с ребёнком на неделю-две утомительно. Только придёшь в себя от дороги, пора уже собираться обратно. На месяц — норм, а лучше на два! На обратном пути мы были умнее, и на ночь сделали остановку в Шереметьево. Дорога показалась намного более лёгкой.

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

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

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

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

Зимовка лаборатории

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

На Самуи приехали семеро из десяти лаборантов, с семьями и детьми получилось 15 человек. С жильём на Бопуте оказалось непросто. В итоге все нашли подходящие варианты, но оказались в разных частях пляжа, поэтому логистика совместной работы была затруднена. Мы пробовали собираться в кафе, друг у друга в гостях, какие-то дела обсуждали даже на детской площадке. Конечно, удобнее жить всем вместе, и в следующий раз мы попробуем найти такое жильё заранее.

В остальном зимовка удалась, и я была очень рада встрече с ребятами. Отдельное удовольствие — видеть их загорелые (в некоторых случаях сгоревшие :-), весёлые, счастливые лица. Здорово, что у нас появилась возможность окунуться зимой в настоящее лето.

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

Перед отъездом мы устроили спонтанную масленицу, ели блины с начинкой из манго и бананов. Незабываемый опыт!

В сердце остался ворох тёплых, солнечных воспоминаний. Спасибо, ребята!

Задавайте вопросы про зимовки в целом и Самуи в частности, буду рада ответить. Всем ☀️️

Моё вдохновение

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

Мне особенно дороги композиции, которые связаны с поворотными жизненными моментами. Они запускали новые процессы в мозгу, помогали увидеть проблемы, вдохновляли на перемены и давали силы на движение в новом направлении. Большая часть поворотных моментов — глубоко личные, но, что удивительно (или нет?), большие профессиональные шаги я тоже делала «под музыку». Я верю, что музыка передаёт больше, чем слова, поэтому хочу поделиться своим музыкальным вдохновением. Вдруг кому сгодится :-)

Весна 2010 года. Я только что ушла из бюро, ушла в никуда, уставшая и ни на что не годная. Первые недели в офисе не добавляли жизни красок. Следующее воспоминание: суббота, ранее утро, нет ещё семи, я за компьютером в залитой весенним солнцем гостиной, вдохновенно пишу парсер объявлений с ЦИАНа для проекта «А из нашего окна», в наушниках на повторе — этот трек с только что вышедшего альбома «Пет-шоп-бойз». Я тогда не понимала, почему он так меня зацепил и буквально вытащил со дна. Я слушала его по 100 раз за день, повторяла текст, как заклинание. И заклинание сработало. Я заново поверила в любовь, в то, что она есть, и что без неё нельзя ни жить, ни работать, и что нужно обязательно делать то, что любишь и делать это с любовью, и тогда всё будет хорошо. До этого момента в моей жизни был огромный дефицит любви, которого я даже не осознавала.


Начало 2011 года. Я уютно устроилась в «Нет-крекере», у меня своя команда, интересные проекты, важные совещания, командировки. У меня, наконец, есть время и деньги на себя (элитный фитнес, бассейн с тренером, салоны красоты, рестораны и вечеринки). Каждое утро в инбоксе — новые задачи, запросы, предложения. Их генерирует безликая корпоративная машина, которую я обслуживаю. С творчеством Регины Спектор я знакома давно, но случайно всплывший в плейлисте трек цепляет за живое. Регина поёт о страхах, о тревоге, о невозможности распоряжаться собственным временем — и о том, что есть другой путь.

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


Лето 2013 года. Я только что открыла Лабораторию данных, наняла первых сотрудников, сама веду клиентские проекты. Мне впервые в жизни нужно заботиться не только о себе и своих потребностях (которые я научилась запросто «смирять»), но и о других людях: платить зарплаты, искать интересные задачи, «строить» и вдохновлять. Сложностей предостаточно, будущее туманно. Периодически накатывает страх, мозг заполняют тревоги и сомнения, за ними приходит неуверенность в своих силах. В такие моменты я спасаюсь бегством (буквально, иду на пробежку, благо, именно в это время я готовлюсь к марафону и тренироваться нужно почти каждый день) и слушаю музыку. Этот трек «Гоголя Борделло» о глубине погружения и вере в выбранный путь стал моим личным гимном. Я до сих пор включаю его, когда лаборатория переживает сложные моменты.

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

Интересные визуализации — 2016

Главные события прошлого года в мире визуализации данных: выборы президента США и Олимпиада в Рио.

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

Дерево возможных путей к победе, NYT:

Управляя явкой и голосами разных слоёв населения на мини-графиках, меняем картину по штатам:

Шансы на победу, которые менялись в режиме реального времени:

Элегантные информативные форматы прямой трансляции в твиттере @nytgraphics:

Изменяющиеся предпочтения по штатам:

Сдвиг голосов на карте:

Анализ экзитполов:

Карты, составленные из мини-графиков:

Изменяющиеся предпочтения по штатам
Изменяющиеся предпочтения по штатам и округам
Результаты голосования по штатам и округам, акцент на «полярность»

Впечатляющая карта, которая проливает свет на принципиально разную поддержку кандидатов:

«Нью-йорк-таймс» выпустил несколько завораживающих визуализаций по результатам Олимпиады в Рио.

Победа Усейна Болта на стометровке в 13 стоп-кадрах:

Обновлённый новыми результатами график отставания бегунов от Усейна:

Падение и победа Мо Фарах на 10-километровой дистанции:

История олимпийских медалей:

Соотношение выигранных медалей среди мужчин и женщин в разных странах:

Много внимания досталось юной звезде спортивной гимнастики, Симоне Байлз. Интерактивный рассказ о спортсменке:

Фото-визуализация (frame by frame) её победных упражнений:

График сложности элементов, выполняемый Симоной:

Гениальная визуализация результатов забегов и заплывов гифками в твиттере:

Другие достойные внимания, вдохновляющие и необычные визуализации. Интерактивный рассказ и карта движения кораблей, красота на микро- и макро-уровнях:

Необычный способ визуализации связей на диаграмме «Кто на ком женат»:

Культурные различия в США на основе популярности сериалов — безумно интересно изучать:

Визуализация берлинского марафона:

Наша визуализация Московского марафона, которая в этом году получила бронзовую медаль на Малофее:

Исчерпывающая статистика по игрокам NBA, все графики интерактивно связаны между собой:

Детальные сценарии развития событий на Евро—2016:

Симпатичная визуализация цитируемости научных статей в стиле обложки альбома Unknown Pleasures, Joy Division:

Ураганы в окрестностях Флориды — визуализация крупных (именованных) ураганов, которые «аттаковали» Флориду или проходили поблизости, за последние 100 лет:

Повышение температуры океанов с 1900 года:

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

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

Фотографии небесных тел с сортировкой и фильтром по планете:

Интерактивный плакат об акулах от National Geographic; ныряльщик для масштаба, зубы в натуральную величину:

Алгоритм Δλ: реальность данных и каркас визуализации

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

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

Временная ось, вдоль которой раскрываются траты из личного бюджета:

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

Ландшафт может быть многомерным, тогда нужно придумать, как его свернуть в плоскую картину. Например, схема маршрута и временной слайдер на визуализации Московского марафона:

Схема линии и временные интервалы на диаграмме загруженности Московского метро:

Результаты забега на стометровке — время финиша трансформировано в отставание (в метрах) от последнего мирового рекорда:

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

Например, визуализация Московского марафона дополнена интерактивной картой высот (оси— координата на дистанции и высота над уровнем моря) и диаграммой финишей (бегуны вдоль оси времени):

Траты личного бюджета можно перегруппировать по категориям или по времени суток/дню недели:

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

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

И из распределения частиц данных вдоль разных осей:

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

Может быть дополнена сводными данными, усреднёнными по городам и показаными на одном графике:

И диаграммой среднестатистических недель по городам:

Объединим эти каркасы с помощью интерактивной связи в одну визуализацию и увидим множество срезов данных как на ладони:

Другие примеры комбинированных каркасов. Таймлайн + карта:

Карта + хитмеп:

Несколько однотипных графиков:

И даже последовательности однотипных графиков:

http://www.nytimes.com/interactive/2012/11/30/us/tax-burden.html?_r=0 http://www.nytimes.com/interactive/2012/11/30/us/tax-burden.html?_r=0

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

Чтобы познакомиться с нашим алгоритмом «из первых рук» и научиться его применять, приходите на курс по визуализации данных, который я проведу в Москве, 8 и 9 октября.

Следующая теоретическая заметка выйдет 28 ноября.

Ранее Ctrl + ↓