Dataface

Русский digital — как маленький провинциальный городок, где все знают всех. Иногда даже учреждают вместе какой-нибудь новый рейтинг или делают конференцию. Мы уверены, некоторые дружат семьями.

Среди всех этих взаимосвязей нетрудно запутаться.

Поэтому мы поставили себе задачу: дать коллегам по отрасли «карту российского digital» по которой можно было бы не только узнать, кто где главный, но и проследить связи с другими людьми и проектами. А при желании — легко связаться с каждым.

Охватить весь русский digital — можно, но долго. Для начала мы выделили четыре крупных сектора: рейтинги, нишевые СМИ, ассоциации, события.

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

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

Too easy! У нас будет крутой интерактивный проект, решили мы. И начали собирать интерфейс.

Для реализации выбрали наш любимый React в связке с фреймворком Redux — последний оказался очень удобным и гибким инструментом, обязательно будем использовать дальше. Для отрисовки canvas выбрали портированную на React библиотеку KonvaJs.

В этот раз сделали не обычный адаптив, а именно мобильную версию. За счет этого убрали много лишних вычислений на построении canvas и анимации.

Эксперимент удался, доктор! Наш проект помогает не только быстро находить контакты ответственных лиц, но и видеть взаимосвязи в русском digital. Кто знает, может быть, кто-то откроет для себя пару новых рейтингов или зарезервирует место в календаре под еще одну конференцию. Или увидит во всем этом глобальный заговор!

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