Публикую своё решение дизайнерской практики онлайн-курса по визуализации данных.

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

Самый естественный способ отразить в визуализации структуру данных — собрать жилой комплекс из отдельных кирпичиков-квартир:

Здесь по горизонтали выстроились стояки однотипных квартир, а по вертикали меняются этажи. Чтобы использовать пространство экрана более рационально, поставим корпуса в два ряда, в соответствии с их реальным положением на местности.

Первое, что приходит в голову — показать на получившейся сетке проданные и непроданные квартиры:

Добавим суммарную статистику и поможем зрителю рассмотреть закономерности, показав популярность корпусов, этажей и квартир «светофорным градиентом»:

Видим, что однушки и трёшки продаются лучше двушек, а ГП-4 опережает по продажам остальные корпуса. В ГП-1 пользуются популярностью угловые двушки с окнами во двор, а выходящие на дорогу, наоборот, продаются из рук вон плохо. В ГП-2 и ГП-3 с двушками тоже беда, целые стояки стоят нераспроданными. Зато трёшки в этих корпусах разлетаются как горячие пирожки.

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

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

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

При наведении на ячейку покупатель видит детальную информацию о квартире:

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

Желаю удачи с технологической частью курса и вторым практическим заданием!

Присылайте вопросы о визуализации данных, организации времени, рабочем процессе, спорте и путешествиях на почту: mail@infotanka.ru. Ответы публикуются по понедельникам.

Спрашивает Костя Горский:

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

Номер один в этом списке — серия «Космик-триггер» Роберта Антона Уилсона. Эти книги приоткрывают дверь в коридор параллельных реальностей: психоделической революции, квантовой физики, тайных сообществ, летающих тарелок, египетских ритуалов и великих фальсификаций. Автор описывает собственные поиски, эксперименты и трансформации — чтение по-настоящему увлекательное и просветляющее. С этими замечательными книгами меня познакомил Дима @ropewalker Лазарев.

У Уилсона ещё много классных произведений, художественных и документальных:

• The Illuminatus! Trilogy в соавторстве с Робертом Ши
• Schrodinger’s Cat Trilogy: The Universe Next Door, The Trick Top Hat, & The Homing Pigeons в соавторстве с Робертом Ши
• Masks of the Illuminati
• Prometheus Rising
• Quantum Psychology: How Brain Software Programs You and Your World
• и другие.

Ещё одна наводка от Димы: интереснейший мыслитель, вернее, целая семья мыслителей. В книге The Alphabet Versus the Goddess: The Conflict Between Word and Image Леонард Шляйн исследует противостояние лево- и правополушарного способа мышления в исторической перспективе. Сопоставляя факты и подмечая неочевидные на первый взгляд закономерности, он описывает негативный аспект влияния грамотности на человечество и прогресс. Эту же теорию, но уже в позитивном ключе, он развивает в своей последней книге Leonardo’s Brain: Understanding Da Vinci’s Creative Genius, которая вышла около месяца назад, уже после его смерти. Я пока не успела её прочитать и с нетерпением жду появления электронной версии.

Дочь Леонарда, Тиффани — независимый режиссёр, визионер и мама. В фильме «Connected» она переплетает размышления о роли технологий в современном обществе с очень трогательным рассказом о своей семье, отце, его тяжёлой болезни и работе над последней книгой. Тиффани воплощает лучшие качества современной женщины: искренность, осознанность, активность, ум, заботу и открытость. Cейчас она выпускает сериал «The Future Starts Here», который я тоже горячо рекомендую.

Следующие на очереди, мои любимые научно-популярные книги:

«Новый ум короля» Роджера Пенроуза — это погружение в природу человеческого сознания с кибернетической, математической, термодинамической, биохимической и квантовой точек зрения. Здесь любителей поломать мозг поджидают множество Мандельброта, машина Тьюринга, китайская комната, голодная черепашка-робот, теорема Гёделя, геометрия Лобачевского и пространство Минковского, кот Шрёдингера, парадокс Эйнштейна, Подольского, Розена, математические озарения Пуанкаре и симфонии Моцарта. После её прочтения я впервые всерьёз задумалась о феномене сознания, и с тех пор это моя любимая тема для размышлений.

«Элегантная Вселенная» Брайна Грина — изящное и очень понятное введение в теорию суперструн. Её чтение доставит одинаковое удовольствие и дотошному физику, и заинтересовавшемуся предметом лирику. Обе книги вполне прилично переведены на русский язык издательством «URSS».

The Heart of Yoga: Developing a Personal Practice — прекрасное руководство по выстраиванию практики, которое стало для меня ключом к йоговской мудрости. Физическая практика базируется на духовном фундаменте: на стремлении к чистоте сознания и принятии себя и мира таким, как есть. Эти основы раскрываются в книге тонко, ясно, убедительно, без лишних метафор и мистического буллшита.

А чтобы список не выглядел совсем уж серьёзным, закончу его сказками про муми-троллей. Я читала их запоем целый месяц, когда жила в Хельсинки во время «Стартап-сауны» два года назад. Это не по-детски мудрые и медитативные истории, одновременно наивные и серьёзные. Истории о природе, чудесах, семье, друзьях и одиночестве, тяжёлых зимах, тёплых домах, весёлых приключениях и торжественных чаепитиях. Не даром их все, кому не лень, растаскивают на цитаты.

Делитесь в комментариях своими любимыми, важными и полезными книгами.

Присылайте вопросы о визуализации данных, организации времени, рабочем процессе, спорте и путешествиях на почту: mail@infotanka.ru. Ответы публикуются по понедельникам.

Спрашивает Дмитрий Ачкасов:

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

Чтобы показать подобные данные без потерь хороши микрографики (small multiples):

Засуха в США с 1895 по 2012, визуализация Майка Бостока

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

Засуха убивает урожай, инфографика «Нью-Йорк таймс»

Присылайте вопросы о визуализации данных, организации времени, рабочем процессе, спорте и путешествиях на почту: mail@infotanka.ru. Ответы публикуются по понедельникам.

Спрашивает Владимир Кутовой:

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

Будда в ступе, храм Боробудур

Моё знакомство с медитацией началось с эпизодических сессий на йога-фестивалях, а пару лет назад я прошла курс обучения трансциндентальной медитации (той самой, которую активно проповедует Дэвид Линч). От обучения у меня остались смешанные чувства. С одной стороны, это прекрасный способ быстро овладеть техникой, по-настоящему её прочувствовать. Совместная медитация с преподавателем погружает в особое состояние, которого новичку сложно достичь самостоятельно. После курса я непрерывно занималась месяца три-четыре и наблюдала целый ряд положительных эффектов. С другой стороны, обязательные теоретические лекции оставили удручающее впечатление — что-то среднее между религиозной проповедью и демонстрацией пылесоса Кирби. Я пришла на курс, прочитав книгу Питера Рассела, который говорил со мной на одном языке, и была неприятно удивлена ограниченностью и догматизмом преподавателей в московском центре.

Альтернатива групповым занятиям — приложение «Хедспейс» и подобные ему онлайн-курсы.

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

Список литературы:

• From Science to God: A Physicist’s Journey into the Mystery of Consciousness, Питер Рассел
• Science of Being and Art of Living: Transcendental Meditation, Махариши
• Introduction to Tantra: The Transformation of Desire, Лама Еши
• The Book of Secrets: 112 Meditations to Discover the Mystery Within, Ошо

• Mindful Birthing: Training the Mind, Body, and Heart for Childbirth and Beyond, Нэнси Бардак
• The Conscious Parent: Transforming Ourselves, Empowering Our Children, Шефали Тсабари

Присылайте вопросы о визуализации данных, организации времени, рабочем процессе, спорте и путешествиях на почту: mail@infotanka.ru. Ответы публикуются по понедельникам.

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

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

Разместив города на простом двумерном графике, мы увидим, что привычки жителей заметно отличаются между собой. Сразу бросается в глаза Токио, который в среднем спит почти на час меньше других городов. Мельбурнцы, напротив, самые большие сони. Самые малоподвижные люди живут в Сан-Паулу и Дубае, самые мобильные — в Стокгольме, Лондоне и Нью-Йорке (при этом все три города довольно долго спят). Очень близки по ритму Берлин, Рим и Сан-Франциско, а также Милан и Цюрих: на графике они буквально «слиплись».

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

На диаграмме выделяются бизнес-центры с чёткой границей будней-выходных (Бостон, Нью-Йорк, Вашингтон) и города-курорты (Остин, Лас-Вегас, Майами), где все дни похожи друг на друга. Заметно «скачут» горизонтальные уровни: пробуждение, обед, конец рабочего дня. Видно, что стокгольмцы освобождаются с работы раньше всех, а жители Сан-Паулу на выходных любят поспать до обеда.

Попробуем объединить эти способы отображения с исходной диаграммой и добавить интерактивную связь. Теперь наведение на город управляет диаграммой, мы можем быстро переключать годовые истории: не только изучать каждую в отдельности, но и сравнивать их между собой. Плавно переключаясь между городами, мы видим глобальные изменения и самые тонкие отличия в узорах городских ритмов.

Живой прототип: http://jawbone.datalaboratory.ru/

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

Присылайте вопросы о визуализации данных, организации времени, рабочем процессе, спорте и путешествиях на почту: mail@infotanka.ru. Ответы публикуются по понедельникам.