La Raza интерактив

Оригинальный архив представлял из себя 25 876 оцифрованных фотографий, разложенных по папкам (по мере оцифровки, а не какой-либо логической связи) и сопровожденных Excel-таблицей, описывающей каждый снимок: файл, дата, автор, краткое содержание снимка, комментарии.

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

‍

‍

Совместно с научными сотрудниками мы структурировали описания, составили список из 292 тегов, соответствующих конкретным событиям, датам, местам, людям (Полиция, Школа, Манифестация, Лос-Анджелес и так далее).

К каждой фотографии относилось по несколько тегов, а под каждым тегом могло быть от нескольких десятков до тысяч фотографий.

Алгоритм объединил теги в нелинейную информационную сеть - граф - описывающий связь тегов между собой по частоте повторений в описании к каждой фотографии. Пользователь мог видеть как общее облако тегов, так и непосредственно связанные между собой теги (выбранные по значимости связи).

Ниже показаны технические превью процесса визуализации графа (может потребоваться время для загрузки gif).

Но мы очень хотели видеть граф похожим на связи нейронов в мозгу человека.

Для этого пришлось усложнить визуализацию в несколько шагов:

1. Классический алгоритм Force Directed Graph, который мы использовали в том числе для визуализации связи тегов, был дополнен алгоритмом Means-Shift, который распределил точки равномерно и превратил прямые линии между точками в кривые (сплайны);
2. Сплайны показывались сплошными линиями, когда выбран тег и служили эмиттером для желтых партиклей;
3. Визуализация корней нейронов делалась составными 3d моделями, где каждая ветка это отдельная 3d модель, которая начинается в точке расположения тега и повернута в направлении связи со следующим тегом. Таким образом, чем больше связей у тега - тем крупнее получался нейронный пучок.

Вот что получилось

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

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

Каждую отдельную фотографию можно увеличить, рассмотрев в деталях, прочитать описание и информацию о фотографе.  

Дополнительно были сделаны интерактивные визуализации данных:
"Flight", "Timeline" и "Spectrum", которые так же строились на выбранных тегах, но имели развлекательное, а не информативное назначение (может потребоваться время для загрузки gif).

Экспозиция La Raza была частью большого проекта Pacific Standard Time: LA/LA, проходившего в Лос-Анджелесе под патронажем Getty в 2017-2018 годах, и объединявшее более 70 выставок и мероприятий от Санта-Барбары до Сан-Диего.
В связи с высоким интересом и хорошими откликами, экспозиция сначала была продлена на полгода, а затем отправилась в турне.  

В 2019 цифровой архив La Raza получил награду C2A Creative Communication Award in User Experience Design / UI & UX Design.

Проект реализован в среде vvvv с расширениями DX11, Instance Noodles, Microdevil Intersect, индивидуальными расширениями на C# и скриптами обработки данных на python. Реализация проекта заняла 4 месяца.

‍

Команда Ивана Растра:

• Андрей Бояринцев - UX, 3D, программирование vvvv, менеджмент
• Michael Crumrine - менеджмент
• Алексей Беляков - программирование CMS
• Александр Ставцев - программирование плагинов визуализации графов
• Михаил Гайдамака, Евгений Румынский, Вадим Назаров - программирование скриптов обработки данных

‍

Команда Narduli Studio:

• Susan Narduli - producer
• Sebastian Peschiera - art-director
• Victor Gomez-Mustafa - technician

Фотографы La Raza:

Pedro Arias, Manuel G. Barrera Jr., Patricia Borjon-lopez, Oscar Castillo, Luis C. Garza, Larry Haun, Gilbert Lopez, Joe Razo, Eliezer Risco, Ruth Robinson, Raul Ruiz, Maria (Marquez) Sanchez, Jaime Ugarte, Devra Weber, Daniel Zapata