Прямая речь: Татьяна Бибикова о визуализации марафонов

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

О беге и бизнесе

Прошлой зимой я после долгого перерыва возобновила беговые тренировки — это было моё новогоднее обещание. Тогда я жила в Таиланде и бегала рано утром, пока не жарко, сначала по 2–3 км, потом по 5 км, под конец осилила десятку. Сразу после возвращения в Москву я узнала о Московском Марафоне. Сначала я не верила, что успею подготовиться, но с каждым днём идея захватывала меня всё сильнее. Этому способствовали встречи с бегунами, статьи на NewRunners, подготовительные забеги и даже слоган «Твои первые 42 км» — он казался таким необычным совпадением, тайным посланием лично для меня.

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

О первых шагах и последних успехах

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

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

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

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

Над проектом работали инфодизайнеры Таня Бибикова и Сергей Долинин, разработчики Елена Ерохина и Глеб Арестов. Руководил процессом мой муж Дима. О подводных камнях, с которыми мы столкнулись, он расскажет лучше меня.

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

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

О «Лаборатории»

Мы в «Лаборатории данных» создаём интерактивные визуализации с помощью JavaScript библиотеки для визуализации данных D3.js — это удобный инструмент для работы со сложными данными, который позволяет анализировать, выявлять закономерности, делать выводы. Мы помогаем клиентам увидеть смысл, который стоит за бесконечными рядами чисел в базах данных. Благодаря использованию принципов информационного дизайна и современным браузерным технологиям, наши визуализации решают задачи заказчика эффективнее, точнее, быстрее и дешевле монструозных систем бизнес-аналитики, при этом работают на любых устройствах без установки дополнительного ПО. Например, вот такую розу кишечных бактерий мы сделали для биоинформатиков из НИИ ФХМ:

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

О вдохновении

Я собираю хорошие примеры инфографики в своём Pinterest. В последнее время мне нравится, что делает Jawbone, например, вот эта визуализация городских ритмов по данным браслетов.

Фото и визуализации предоставлены Татьяной Бибиковой