Дата-арт практика
Урок №1
Дата-портреты
Одним из тренировочных проектов, с которого я решила начать, когда создала сообщество, было создание портрета этого маленького сообщества — так называемых дата-бейджей, дата-портретов или дата-значков. В среде визуализации данных они популярны, их любят делать в сообществах или на конференциях и датавиз-мероприятиях.

Выглядят они эффектно, а создать их совсем не сложно.
Давайте действовать вместе по шагам!

По этой ссылке вы можете посмотреть эфир про дата-значки сообщества —авторы делятся процессом создания своих проектов.
Как создать дата-портрет
1
Собираем данные
Собираем простые данные небольшой компании людей — вручную или с помощью гуглформы. Нужно от 4 до 8 несложных вопросов, на которые можно выбрать один ответ из списка или чтобы ответом было целое число.

2
Кодировка
Придумываем кодировку разных вариантов ответов. Это могут быть разноцветные геометрические фигуры, линии. Могут быть важные для этой группы элементы, фрагменты логотипа или любимые объекты, значимые для сообщества (цветы, жуки, гербы, монстрики). Можно нарисовать элементы от руки или собрать в векторной программе, запрограммировать или использовать физические материалы.
3
Собираем значки
Кодируем каждого человека из группы в виде значка, герба или любой другой другой формы, добавляя элементы определенного типа или цвета, которые соответствуют его ответам. Получится его уникальный значок.
4
Получаем портрет сообщества
После того как все индивидуальные значки готовы, можно собрать все значки вместе и сделать портрет сообщества, оформив и добавив легенду с расшифровкой.
Такие значки можно распечатать на одежде, сделать общий плакат сообщества или буквально сделать значки для каждого.
1 этап
Собираем данные
Для этого задания у нас есть готовый набор данных, но я распишу, как мы его собирали, чтобы вы понимали принцип.
Данные можно собирать вручную, просто опросив людей, но намного удобнее сделать опрос с помощью бесплатного сервиса Google Forms и дать людям ссылку на него. Выбрать несколько простых вопросов, ответы на которые будут законченным списком или числами. Избегайте открытых вопросов, их сложнее кодировать.

Пример:
Это упрощенный пример формы для проекта «Дата-бейджи от ЦиЦ»
В настройках ответов формы нужно привязать их к таблицам Google Sheets и у вас сразу после заполнения будет готова табличка с ответами. Это очень удобно как для создания проекта вручную, так и для создания автоматизированной версии.
Этот файл будет храниться в облаке и будет постепенно обновляться, если новые люди будут его заполнять, отвечая на вопросы анкеты. Но также вы можете его скачать.
Место расположения привязки к Google Sheets
Базовый опрос проекта «Цветы и Цифры» посвящен навыкам его участников и располагается по этой ссылке.
А получившийся набор данных располагается тут.
Я его немного обработала, так как не все данные подходили для проекта. Заодно перевела текстовые ответы в цифры (уровни владения навыками) и обогатила вручную набор данных переменной Gender (пол участника) и Name ENG (имя транслитом - для английской версии проектов).
Финальная таблица проекта
Итого имеем простой набор данных для тренировки (не совсем идеальный):
  • Имя участника (русский и английский вариант)
  • Уровень навыка рисование (от 0 до 3)
  • Уровень навыка рукоделие (от 0 до 3)
  • Уровень навыка работы с данными (от 1 до 3)
  • Уровень навыка визуализации данных (от 1 до 3)
  • Пол участника
А дальше нужно визуализировать этот набор данных!
2 этап
Кодировка
Это самый важный этап проекта, самый творческий и интересный. Именно здесь мы думаем, каким образом можем зашифровать эти простые данные в виде простых дата-значков.

Для вдохновения изучим примеры дата-значков от мировых дизайнеров:

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

Одни из них хороши для количественных переменных (уровень владения навыка):
  • Размер
  • Длина
  • Насыщенность оттенка
  • Количество элементов (штрихов, точек)
А другие — для качественных (тип навыка, пол):
  • Цвет
  • Символ
  • Текстура
  • Форма
Шпаргалка по базовым методам кодирования информации
А теперь давайте немного поскетчим. 3–5–9 идей, сколько сможете! Не нужно прорисовывать их слишком детально.
Возьмите лист и выделите на нем место для 6–9 значков квадратной или круглой формы и нарисуйте толстым фломастером разные варианты кодировок. С геометрическими фигурами или растительными, с цветами или штриховками, с размером или символами.
В итоге у вас получится несколько почеркушек разного качества и разной удачности. Это очень ценные наброски, сохраните их или сфотографируйте — так вы всегда сможете вернуться к скетчам и показать их нам и рассказать в эфире про свой проект.

Посмотрите на разные скетчи от участников сообщества. Не все из этих набросков стали в итоге проектами, но многие из них вы легко узнаете в нашей галерее.
Когда ваши скетчи будут готовы, не забудьте поделиться ими в чате сообщества
«Цветы и Цифры»!
3 этап
Собираем значки
Теперь, когда вы придумали основную идею, нужно взять таблицу с данными из 1 этапа и аккуратно нарисовать участника сообщества (например, себя), подбирая нужную кодировку под навыки участника.
  • Рисовать значки можно от руки на листе бумаги ручками, перьями, маркерами или красками.
  • А можно использовать векторную графику, работать в удобном вам графическом пакете или в бесплатной программе Figma, которая позволит вам сделать простые фигуры без длительного обучения.
  • Если вы умеете программировать, то можете спрограммировать создание графических значков, а может быть, даже сделать их интерактивными.Например, участник Mike сделал проект интерактивным и самообновляющимся!
  • Может быть, вы хотите связать из пряжи ваши значки, создать их из мыла, свечей, витражей, металла, бисера или других материалов?
Творите! Используйте то, что вам нравится и что привычно.
Ну разве они не прелестные?
4 этап
Получаем портрет сообщества!
Этот рутинный этап требует некоторого терпения, и все же один за другим мы рисуем новый значок участника сообщества, используя придуманные правила и легенду.
Если вы работаете с нашим набором данных, можете визуализировать не всех участников сообщества, а только последних 10, потому что сообщество растет и делать значки вручную всё сложнее. Не все из нас программисты!

Надеюсь, скоро у нас будет способ автоматизировать создание и простых векторных значков, но пока это только планы.

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

Теперь надо оформить заголовок вашего проекта и легенду-расшифровку, чтобы читатель мог узнать, что означают ваши символы. И не забудьте подписать проект или указать ваш никнейм.

Вот несколько примеров значков участников сообщества «Цветы и Цифры»! Ещё больше примеров вы найдёте на главной странице проекта!
Не забывайте присылать этапы работы или законченный проект в чат сообщества «Цветы и Цифры», чтобы мы могли разместить его на сайте проекта и написать о вас и вашем проекте в наших социальных сетях!

Спасибо, что дочитали. Успехов вам!
Если будут вопросы или проблемы, не стесняйтесь обращаться в наш чат за поддержкой!

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

Читать тут: «Flowers & Numbers»

Хотите узнать больше про дата-арт?
Обратитесь к нашей базе знаний
Поддержите наше сообщество!
Вы можете поддержать наше сообщество или поощрить автора за активность и интересный контент
Другие наши проекты
Дата-открытки!
Наше сообщество уже достаточно международное, чтобы интересоваться тем, где и кто обитает. Шлем друг другу открытки, а также отмечаем этот факт и собираем данные о географическом положении участников и скорости работы почты!
Смотреть!
Дата-значки сообщества
С этого проекта всё и началось в 2024 году. Первым заданием в рамках дата-арт практики было сделать на основе простого датасета о навыках участников сообщества дата-бейджи — именные значки каждого участника. Что из этого вышло, смотрите по ссылке!
Смотреть!
Дата-прогулка
В июне 2024 года у нас состоялась первая личная встреча Петербургского филиала сообщества. Так как сообщество международное, это очень неплохая скученность! Как часть мероприятий - Ульяна организовала дата-прогулку, во время которой мы собирали данные, чтобы потом их визуализировать!
Смотреть!
Питерский дата-арт воркшоп
В июне 2024 года у нас состоялась первая личная встреча Петербургского филиала сообщества. К нам из Москвы приехала Надя Андрианова и показала мастеркласс по материальному дата-арту! По ссылке можно посмотреть, как прошло мероприятие.
Смотреть!
Эфиры по дата-арту

  • Дата-арт беседа — обсуждаем направление дата-арта, делимся нашими проектами и проектами наших любимых авторов.
  • Генеративный дизайн и дата-арт — обсуждаем отличия генеративного искусства от дата-арта и особенности их классификации.
  • Материальный дата-арт — обсуждаем физикализацию и эстетику данных, делимся любимыми проектами.
  • Рукодельный дата-арт — обсуждаем разные виды рукоделия, которые использовались в дата-арте, показываем свои проекты, мечтаем гнуть трубы во имя дата-арта!
Если вам интересно сотрудничество с нами или нужна личная консультация, пишите в телеграм @eolay13 или по почте eolay@inbox.ru.
Если вам интересны эти и другие мои проекты, подписывайтесь на меня в соц-сетях, буду рада!
Made on
Tilda