Если бы графики были сотрудниками офиса: 9 примеров из нейросети

Представьте Майкла Скотта барчартом, Дуайта Шрута майндмепом, а Джима Халперта лолипопом. Студия дизайна информации VisualMethod использовала нейросеть, чтобы превратить 9 топовых героев Офиса в популярные диаграммы.

Как возникла идея?

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

Мы любим сериал Офис и любим работать с данными. Диаграммы, инфографика и в целом информационный дизайн — ежедневная обожаемая рутина. Наши иллюстраторы могли бы нарисовать персонажей, но гораздо интереснее было смотреть, как прокачиваются коллеги из “редактуры и копирайтинга”: пишут запросы, фильтруют результаты и отбирают дубли в нейросети.

Арт-директор студии VisualMethod Евгений Рындин.

Для преображения сотрудников сериала использовали Midjourney. Сегодня это одна из лучших моделей для создания изображений с текстовым описанием. Для эксперимента смотрели также сберовскую ruDALL-E, Stable Diffusion и новую механику нейросети Adobe.

Чтобы нейросеть дала хороший результат, ей нужно дать четкое текстовое описание. Для людей, которые не могут создавать визуализацию, это отличная возможность выражать свои мысли картинками. Но полноценной заменой дизайнера это назвать сложно, потому что дизайнер сделает подобную работу быстрее, и она будет точнее подходить под задачу. Хотя Midjourney действительно способен создать шедевр, силы в процесс нужно вложить немалые. И уж точно нейросеть может дать нестандартный взгляд на привычные вещи.

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

Мы сознательно взяли самый простой запрос, чтобы показать общий принцип работы системы “без рамок”. Запрос вмещал название диаграммы и имя героя шоу о компании по продаже бумаги. Смотрите, что получилось. Шалость удалась?

1. Майкл Скотт — Барчарт

Майкл Скотт (Стив Карелл). Босс. Эгоцентричный, инфантильный, непристойно и неуместно шутит. Любит проводить собрания по ничтожным поводам, на которых работники откровенно скучают.

Барчарт. Или Линейчатая диаграмма. Самый распространенный и универсальный вид диаграммы. Можно назвать боссом среди диаграмм. Отвечает на вопрос: «Сколько».

Запрос нейросети: Michael Scott is the Barchart

2. Дуайт Шрут — Майндмеп

Дуайт Шрут (Рэйн Уилсон). Торговый представитель. С высоким интеллектом и низким уровнем эмпатии.

Майндмеп. Или интеллектуальная карта. Древовидная схема, которая изображает объекты и связи между ними. Майндмеп помогает структурировать аналитику рынка, проводить SWOT-анализ, определять грейды сотрудников, описывать портрет аудитории, организовывать логику обучения.

Dwight Schrute is the TreeMap

3. Пэм Бизли — Тепловая карта

Памела Морган «Пэм» Бисли-Халперт (Дженна Фишер). Секретарь. Застенчивая, дружелюбная и благоразумная. Мечтала стать художницей. Играет в Солитер. Встречается и позже выходит замуж за коллегу.

Тепловая карта. Отображает данные при помощи цвета, чем темнее цвет, тем значимее или выше параметр.

Pam Beesley is the Heatmap

4. Джим Халперт — Лолипоп

Джеймс «Джим» Халперт (Джон Красински). Торговый представитель. Способный, веселый, чувствительный, влюбленный человек.

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

James Halpert is the Lollipop Plot

5. Анджела Мартин — Боксплот

Анджела Мартин (Анджела Кинси). Главный бухгалтер. Строгая, консервативная, профессиональная и даже высокомерная, любитель кошек.

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

Angela Martin is the Boxplot

6. Кевин Мэлоун — Диаграмма Венна

Кевин Мэлоун (Брайан Баумгартнер). Бухгалтер. Показан персонажем медлительным, с наклонностями мошенника и отпускающим нелепые шутки.

Диаграмма Венна. Показывает отношения разных категорий и их зону общего, чаще всего это пересекающиеся круги.

Kevin Malone The Office is the Venn diagram

7. Келли Капур — Лепестковая диаграмма

Келли Капур (Минди Калинг). Сотрудник отдела по работе с клиентами. Донимает коллег разговорами, несколько легкомысленная, любит сплетни.

Лепестковая диаграмма. Показывает данные, сгруппированные по признакам, вокруг своей оси-спицы. Похожа на паутину, но представляет собой разновидность круговой диаграммы. Имеет полярную систему координат.

Kelly Kapoor is the Radar diagram

8. Стэнли Хадсон — Пончиковая диаграмма

Стэнли Хадсон (Лесли Дэвид Бейкер). Торговый представитель. Угрюмый, молчаливый, терпеливый, мечтающий поскорее выйти на пенсию и заботящийся о дочери.

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

Stanley Hudson is the Donut Charts

9. Филлис Лапин — Пузырьковая диаграмма

Филлис Лапин (Филлис Смит). Торговый представитель. Тихая, дружелюбная, но мстительная и любящая сплетни женщина.

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

Phyllis Vance is the Bubble chart

Кого было превращать в диаграммы, как не сотрудников офиса, ежедневно сталкивающихся с графиками и PowerPoint?

Какой вариант от нейросети понравился больше?
Майкл Скотт — Барчарт
Дуайт Шрут — Майндмеп
Пэм Бизли — Тепловая карта
Джим Халперт — Лолипоп
Анджела Мартин — Боксплот
Кевин Мэлоун — Диаграмма Венна
Келли Капур — Лепестковая диаграмма
Стэнли Хадсон — Пончиковая диаграмма
Филлис Лапин — Пузырьковая диаграмма
Сделайте другого персонажа (написал в комментариях)
Ой, ну эту нейросеть, такое делает!
Оставлю свое мнение в комментариях
Показать результаты
Переголосовать
Проголосовать

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

0
20 комментариев
Написать комментарий...
Арина Баженова

выглядит как-то жутко)) но вот Джим выглядит круче всех

Ответить
Развернуть ветку
Visualmethod Ru
Автор

Паранормальное ))

Ответить
Развернуть ветку
Gerwin AI
Ответить
Развернуть ветку
Visualmethod Ru
Автор

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

Ответить
Развернуть ветку
Gerwin AI

Спасибо, да, почему нет)

Ответить
Развернуть ветку
Visualmethod Ru
Автор

Там уже выше спросили, как работает ) нам тоже интересно, расскажите. И можно ли получить эффект, как в статье, как это запускается?

Ответить
Развернуть ветку
Gerwin AI
Ответить
Развернуть ветку
Виктория Рындина

Какой запрос исходный?

Ответить
Развернуть ветку
Gerwin AI

Тут нет prompt к сожалению, это не с открытых моделей

Ответить
Развернуть ветку
Виктория Рындина

Как работает?

Ответить
Развернуть ветку
Gerwin AI

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

Ответить
Развернуть ветку
Деда Миша
Ответить
Развернуть ветку
Visualmethod Ru
Автор

)))

Ответить
Развернуть ветку
Ivanna Vinnik

Забавная штука!
Но захотелось десертика после просмотра результатов нейросети. С обычными диаграммами такого не происходит 🤪

Ответить
Развернуть ветку
Visualmethod Ru
Автор

Какого десертика захотелось?))

Ответить
Развернуть ветку
Виктория Рындина

Какой запрос исходный?

Ответить
Развернуть ветку
FroileinMuller

Выглядит крипово, я бы в презентацию такое не добавляла. Хэллоуинская версия офиса какая-то

Ответить
Развернуть ветку
Visualmethod Ru
Автор

Крипово не то слово ) Иногда то, что нужно, чтобы разбудить слушателей презентации

Ответить
Развернуть ветку
Боровков Евгений

Кстати о диаграммах https://wmtools.ru/

Ответить
Развернуть ветку
Visualmethod Ru
Автор

по ссылке о сайтах, а не о диаграммах )

Ответить
Развернуть ветку
17 комментариев
Раскрывать всегда