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

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

В качестве исходных данных, как и в прошлом году, я брала дата-сет «Anime Dataset» с сайта kaggle.com, выгруженный пользователем Kumar Arnav.

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

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

Из него для дальнейшей опоры я позаимствовала готовую визуализацию «Топ-10 жанров» по популярности в формате круговой диаграммы. Немного изменив код, отвечающий за точечную диаграмму «Топ-5 аниме в жанре Fantasy» на основе их оценки, я получила аналогичный график, но уже без привязки к жанру по всему датасету.

Подробный разбор работы с кодом

Сначала в блокнот Google Сolab были импортированы библиотеки pandas (для работы с табличными данными) matplotlib.pyplot (работа с графиками и диаграммами) numpy (работа с массивами данных и расчетами) и seaborn (создание и стилизация графиков), а также сама база данных с Kaggle.

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

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

Круговая диаграмма

Точечная диаграмма

Собирать саму инфографику я решила в Figma.

Начала по классике с создания артборда и сетки. Когда рабочее пространство было готово, я приступила к воспроизведению круговой диаграммы с помощью инструмента Elipse и деления фигуры на соответствующие полученной раннее визуализации сектора. Чтобы сделать информацию еще более наглядной для зрителя, я решила поместить в каждый из секторов изображение с представителем того или иного жанра с помощью маски. В процессе выбора тайтлов я использовала фильтрацию на тематическом сайте Shikimori.

Далее, необходимо было добавить текстовые обозначения процентов и названия для каждого из секторов, сделала я это при помощи Text on path, таким образом он лег прямо по форме моей окружности.

В доступных пользовательских ассетах Figma я нашла симпатичные градиенты (1) (2), которые использовала для фона, изменив цвета, и векторные абстрактные формы, задающее некое футуристичное настроение. В подкрепление ему взяла пиксельный шрифт Epilepsy Sans.

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

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

Ресурсы

Датасет Chat GPT Figma Google colab

Источники изображений из круговой диаграммы

SK8: На скейте в бесконечность Атака титанов Ванпанчмен Госпожа Кагуя: В любви как на войне Кэйон! Охотник х Охотник Стальной алхимик Твоё имя Хьёка Эта фарфоровая кукла влюбилась