Всё о бабочках

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

За основу визуального языка проекта была взята эстетика «Utopian Scholastic» — визуальный стиль энциклопедий, детских книг и обучающих ресурсов 2000-х. Отдельным вдохновением послужили книги из серии «Что? Зачем? Почему?» издательства «Харвест» и определители от издательства «Аст».

Исходными данными для инфографики послужил датасет «Smithsonian Butterfly Dataset», собранный на основе данных Смитсоновского института.

В датасете содержались следующие столбцы: image_url (ссылка на изображение), image_alt (описание изображения), id, name (имя бабочки на английском), scientific_name (научное имя на латыни), gender (пол бабочки), taxonomy (таксономия бабочки), region (ареал обитания бабочки), locality (конкретная локация бабочки), date (дата сбора образца), usnm_no, guid, edan_url, source, stage (жизненная стадия бабочки), image, image_hash, sim_score.

Поскольку большая часть данных не подходит для визуализации, основу для диаграмм составили данные из столбца «taxonomy». Строка при этом выглядит следующим образом: Animalia, Arthropoda, Hexapoda, Insecta, Lepidoptera, Nymphalidae (таксономический путь бабочки Идея левконоя).

В программе Excel велась обработка данных. При помощи функции «Текст по столбцам» каждый таксон был разделён по запятым.

Далее форматированный датасет был загружен на платформу RAWGraphs. Там на основе данных были составлены две диаграммы: одна в формате «Circular Dendrogram» и одна в формате «Circle Packing». Диаграммы выбраны специально: «Circle Packing» позволяет отобразить численность каждого семейства бабочек, а «Circular Dendrogram» — родословную бабочек. Таким образом, две разных визуализации позволяют создать полноценное представление данных.

На платформе Figma экспортированные диаграммы в формате .csv были обработаны под нужды проекта: я поменяла шрифт, размер текста, цвет векторов и внешний контур диаграммы «Circle Packing». Там же были свёрстаны обложка для проекта, обложка для журнала, развороты. Счёт страниц на представленных разворотах начинается с 6 страницы — подразумевается, что в журнале до этого разворота есть ещё страницы.

Итоговые развороты детского журнала, созданные на основе инфографики, экспортированы в формате PDF и загружены на платформу Calameo для создания онлайн-листалки.

1. Папка с рабочими материалами: https://disk.360.yandex.ru/d/I_5DtKPk-uTz3w
2. Kaggle: источник датасета. Ссылка: https://www.kaggle.com/
3. RAWGraphs: создание диаграмм. Ссылка: https://www.rawgraphs.io/
4. Figma: создание инфографики и форматирование диаграмм. Ссылка: https://www.figma.com/
5. Calameo: создание интерактивной версии журнала. Ссылка: https://www.calameo.com/
6. Uprock MockUps: источник мокапов для визуализации на носителях. Ссылка: https://www.mockups.uprock.ru/
7. Magnific: источник некоторых фотографий и векторных изображений. Ссылка: https://www.magnific.com/
8. Wikimedia Commons: источник некоторых фотографий. Ссылка: https://commons.wikimedia.org/