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

Позднее Ctrl + ↑

Вопрос-ответ: Инстатрек

Спрашивает Николай Жарый:

Таня, вот мой «Инстатрек» — инстаграмм для спортивных треков, в котором можно выбрать тип линии, карту и т. д. Хочется улучшить визуализацию самого изображения и добавить дополнительные параметры: пульс, высоту, темп (пэйс), показать скорость цветом линии, разделить наложившиеся участки трека.

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

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

Красивая рельефная карта со скромным треком — для пробежок по запоминающейся местности:

Чёрная карта со светящейся линией — для ночных покатушек и забегов:

На инстатреке полезно подписать место пробежки, её длину и продолжительность, закодировать темп цветом трека. Тут же покажем график пульса и линию набора высоты (включается-отключается при создании трека). Максимальная и минимальная скорость, максимальный пульс, самая высокая и низкая точки трассы подписаны прямо на карте:

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

Настройку «всего» не обязательно убирать совсем, просто спрятать её поглубже — как это сделано в инстаграмме.

Присылайте вопросы о визуализации данных на почту: data@datalaboratory.ru, ответы публикуются по понедельникам. При участии Кирилла Беляева.

Вопрос-ответ: частота ошибок на экзаменах по ПДД

Спрашивает Антон Созоров:

Мы с друзьями сделали онлайн-систему решения билетов ПДД: http://pdd.atrena.org. C 2012 года люди используют его для подготовки к экзаменам на права. У нас в базе скопилось много интересных данных, и сколько бы я не думал как их визуализировать чтобы люди могли извлечь пользу, у меня никак не получается придумать что-нибудь дельное.

Могли бы вы посоветовать какие представить данные, чтобы это принесло максимальную пользу людям?

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

Как измерить скорость прогресса? Кто-то тренируется часами, а кто-то регулярно, но по чуть-чуть. Кто-то решает билеты подряд, а кто-то отвечает на вопросы по темам или вразнобой. Для визуализации нам нужен элементарный кирпичик, единица информации, одинаковая для всех пользователей во всех ситуациях. В данном случае это попытка — ответ конкретным пользователем на конкретный вопрос в N-й раз и результат («правильно» или «ошибка»).

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

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

Для каждого билета можно рассчитать среднее количество ошибок, приходящихся на человека в выбранную попытку. Если оно больше двух, билет считается не сданным («крестик» в правом нижнем углу), если меньше — сдан («галочка»).

Живой прототип: https://pdd.datalaboratory.ru/

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

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

Вопрос-ответ: мир танков

Спрашивает Кирилл Чокпаров:

Я ради интереса создал небольшой сайтик по визуализации параметров танков в моей любимой игре World Of Tanks Blitz. Сейчас я визуализировал данные так, как мне понятно и наглядно. Однако может быть есть еще какие-то способы, чтобы еще лучше сделать представления. Может быть они будут еще более наглядные.

Мне было бы очень интересно обсудить идеи, как сделать визуальные представления лучше.

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

Попробуем проявить эти характеристики на двумерном графике:

Скорость отложена по горизонтали, а максимальный урон за 10 сек., который я выбрала в качестве параметра атаки, по вертикали. Точки на графике — танки на поле боя, можно сравнить их внешний вид, размер и ключевые характеристики. Ещё одна прямая аналогия: чем дальше от начала координат танк расположен по горизонтали, тем он быстрее (дальше уедет) в жизни. Страны, типы и уровни танков настраиваются в фильтрах над графиком, на осях можно выбрать любые другие параметры.

Крепость разных участков брони показана цветом — так сразу виден и уровень защиты танка в целом, и слабые места. На сайте такое представление тоже есть, но в отдельном отчёте «Зоны пробития». Кстати, красным цветом логичнее обозначать опасные, плохо защищённые участки, а зелёным — укреплённые и надёжные (у Кирилла наоборот).

Наводя на разные танки, увидим и сравним не попавшие на график параметры:

На такой визуализации видно, например, что советский Т-44 очень близок по параметрам к немецкой «Пантере»: чуть быстрее, слабее и меньше размером, зато лучше укреплён, особенно башня. Прошу прощения у знатоков военной техники и любителей игры World Of Tanks Blitz, если на визуализацию и в выводы закрались фактические ошибки.

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

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

Повзрослела

20+ были годами поисков, профессиональных и личных, путешествий по миру и экскурсий в параллельные реальности, вечеринок в Хелпе и посиделок на Скаковой, безудержного веселья и ненужных драм, бега и йоги 23, лонгайлендов и Талискера. Они подарили мне бесчисленное множество весёлых, грустных и душевных моментов, о которых я сохраню самые тёплые воспоминания.

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

Цитата из «Awake My Soul», Mumford & Sons + иллюстрация Энди Гилмора

Мы

Вернулась из двухмесячного отпуска. И не одна :-)

Иллюстрация Келли Мюррэй
Ранее Ctrl + ↓