АНАЛИТИКА ПЛЮС
Профессиональные услуги в сфере BI

Lego Art в Tableau

Автор идеи создал несколько разных работ, в том числе представление картин: Мона Лиза, Девушка с жемчужной сережкой, Девушка с горностаем и автопортрет Винсента ван Гога. Эти представления стали частью рекламной кампании Lego под названием «Все дети — художники с Lego».

Можно создать изображение с более низким разрешением (как Мона Лиза выше) или с более высоким разрешением, это зависит от количества выбранных столбцов:

Lego Art в Tableau, изображение №2

Давайте покажем как это работает на знаменитой фотографии Нила Лейфера «Мухаммед Али против Сонни Листона». Итак, вот оригинал:

Lego Art в Tableau, изображение №3

Ниже представлены пять версий Lego в Tableau, от 10 до 300 выставленных столбцов.

Эти визуализации в Tableau состоят из двух основных элементов. Первый — это программа на Python,написанная автором статьи. Программа предложит вам выбрать файл изображения (png или jpg) и количество столбцов. Затем программа по существу будет пикселизировать изображение в зависимости от количества указанных столбцов. Программа записывает цвет в центральной точке каждого из этих больших пикселей, а затем выводит два файла CSV — один, который предоставляет координаты каждого пикселя, и один, который можно использовать для создания собственной цветовой палитры. Рассмотрим это подробнее в разделе с практическими рекомендациями.

Второй элемент — это Tableau. Используя координаты (оси) X и Y, вы можете легко построить каждое изображение, затем вы можете использовать новую цветовую палитру для их окраски.

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

Lego Art в Tableau, изображение №4

Это круто, но хотелось бы, чтобы изображение выглядело как Lego. Автор идеи использовал PowerPoint и бесплатную программу для редактирования изображений paint.net для создания полупрозрачных форм Lego. Важно, чтобы эти фигуры были полупрозрачными, чтобы мы могли использовать их в качестве наложений на пиксельное изображение выше. В итоге автор создал четыре разных стиля, каждый из которых имеет немного разные размеры, блики и тени. У каждого стиля есть две версии — одна с логотипом, а другая без. Ниже приведены изображения, отображаемые поверх синего «мозаичного» фона.

Lego Art в Tableau, изображение №5

Затем их нужно использовать на двойной оси (dual axis). Поскольку они полупрозрачны, цвет с первой оси показывает, какой 3D-вид нам нужен.

Давайте рассмотрим подробнее, как можно создать свое собственное представление Lego в Tableau. Если вы знакомы с Python, вы можете скачать код Python с GitHub . Если нет, вы можете загрузить Lego.zip. Извлеките все файлы на свой компьютер, затем запустите Lego.exe . Загрузите оверлейные изображения Lego Shapes.zip.

Теперь выполните следующие действия:

1) Запустите программу Python. Он запросит у вас количество столбцов, а затем запросит файл изображения.

2) После этого вы получите сообщение о расположении двух выходных файлов — Colors.csv и Tiles.csv.

3) Colors.csv выглядит примерно так:

Lego Art в Tableau, изображение №6

Скопируйте столбец Hex Color и создайте новую пользовательскую цветовую палитру в Tableau.

4) Tiles.csv выглядит так:

Lego Art в Tableau, изображение №7

Файл имеет 4 столбца: ID, X, Y, Color ID.

5) Откройте файл Tiles.csv в Tableau.

6) Перейдите на рабочий лист. Перетащите X на полку Columns и Y на полку Rows.

7) Зафиксируйте оси X и Y так, чтобы они начинались с 0 и соответствовали ширине / высоте исходного изображения.

8) Измените тип метки на Square.

9) Перетащите Color ID на карточку цвета, затем назначьте палитру, которую вы создали ранее:

Lego Art в Tableau, изображение №8

10) Создайте параметр с именем Tile Size и настройте его так:

Lego Art в Tableau, изображение №9

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

Lego Art в Tableau, изображение №10

11) Продублируйте пилюлю Х на полке Columns.Удалите пилюлю Color ID и измените тип метки на Shape. Затем выберите одну из форм Lego.

12) Создайте двойную ось (dual axis) из двух пилюль Х и синхронизируйте оси.

Lego Art в Tableau, изображение №11

13) Скройте все заголовки осей и все строки.

Lego Art в Tableau, изображение №12

14) Создайте дашборд. Используйте ширину и высоту исходного изображения (или размеры, которые используют одинаковое соотношение сторон).

15) Добавьте готовый лист на дашборд. Скройте заголовок.

16) Включите параметр Tile Size и сделайте его плавающим. Затем отрегулируйте размер так, чтобы плитки хорошо совмещались.

Готово!

Фактически, была создана версия программы Python, которая нашла наиболее близкое соответствие цветов для каждой плитки из доступной в настоящее время палитры цветов Lego. Целью автора идем было создать собственное представление искусства Lego. К сожалению, текущая 42-цветовая палитра не обеспечивает достаточного разнообразия для создания хорошего рендеринга большинства художественных работ, поскольку это приводит к очень сложным переходам от цвета к цвету.

Еще несколько примеров
Исходное изображение/представление в Tableau

Американская готика Гранта Вуда (50 строк)Американская готика Гранта Вуда (50 строк)
Автопортрет Ван Гога - (17 строк)
Автопортрет Ван Гога — (17 строк)
Культовое изображение «Рози Клепальщик» Дж. Говарда Миллера - (50 столбцов)
Культовое изображение «Рози Клепальщик» Дж. Говарда Миллера — (50 столбцов)
Культовое изображение из « Сияющего» Стэнли Кубрика (40 строк)
Культовое изображение из « Сияющего» Стэнли Кубрика (40 строк)
Девушка с жемчужной сережкой Иоганна Вермеера - (100 строк)
Девушка с жемчужной сережкой Иоганна Вермеера — (100 строк)
« Большая волна у Канагавы» Кацушики Хокусая - (60 строк)
« Большая волна у Канагавы» Кацушики Хокусая — (60 строк)
НАСА Фото Земли - (50 столбцов)
НАСА Фото Земли — (50 столбцов)Источник: https://www.flerlagetwins.com/2020/06/lego.html

x

Этот сайт использует файлы cookies, чтобы облегчить вам пользование нашим веб-сайтом.

Продолжая использовать этот веб-сайт, вы даете согласие на использование файлов cookies.