Polygon Art in Tableau!!

So, back on Sep 1, 2017 I was at work taking a short break and wanted to know if anyone had created art within Tableau. After a quick search on Twitter, I stumbled across Andy Cotgreave’s post about the Kraken…!? Absolutely stunned; I wanted to know more about how to create this right away!

I remembered using a tool at my current position called the Drawing Tool, brought to you by Interworks, and we used it to map out the “hot-zones” within the distribution center and warehouse. By taking a top down view of any warehouse layout, you can visualize where these spots are so you can rearrange the “bin” layouts to create a more efficient warehouse operation. I thought, “Since this tool can map out our warehouse, can I create ‘simple’ art with it?” and then, I was intrigued.

That’s when I realized that art is possible in Tableau! After searching on Google for a couple of minutes I came across the picture below. I thought that it was a cool pic and it represented Fio and I very well and it would be a fairly simple picture to try and replicate.

material

Once I found the subject that was going to be re-created within Tableau it was time to get the tools operational! First you have to go to the following web-address: interworks websiteThen all you have to do is fill out their form to access the awesome tool!!

sign up

After this is filled out, you can start creating polygon art within Tableau! As soon as you start the online program a help menu will appear…this menu is very helpful in the beginning! Do check it out!directions

…Now, time to map out the (x,y) coordinates! You want to make sure that the settings are for an ‘Image’ and the Drawing Options is set on ‘Polygons’. This way you can create a path, x, y, and object ID field.

settings 1settings 2Time to Draw! After loading the photo into Interwork’s Drawing Tool the first thing to do is select your first ‘node’. From here you can start outlining the art you want to create! point 3 connectAfter sectioning off one specific color of the subject, we can see that it is one connected polygon! Now, let’s see more…!point 4

And more…!

point 5

After a few minutes we can easily outline all of the polygons within the subject. Now, you may be thinking, “This is all well and good, but how is this going to become ‘anything’?” The cool thing is that this tool does it! It records each (x,y) coordinate and when the ‘object’ is defined by connecting the points it also generates an object ID.data

You can easily copy and paste this data into a workable format in order to import the file into Tableau. I personally opened up Notepad and pasted the contents into a new file and saved it as as [Title].csv — the (.csv) format allows an easy connection to Tableau!

Let’s build the Viz! First, we want to bring the [X] and [Y] measures on the proper shelves. Then, we want to change them into ‘Dimensions’ in order to create the actual numbers of where the (x,y) are located rather than an aggregation on measures Tableau ‘thinks’ it has too.

step 1

After making [X] and [Y] ‘Dimensions’, your sheet should start looking like this:
step 3Alright, now we can start to see what we are looking to achieve!! But, “How do we create that beautiful wave art?” Well, we have to create a path and set the colors for specific ‘objects’. The next step is to change the mark type to polygon and set the [Point Id] field as the path and set the [Shape Id] as the color. And you should have this…! (colors may differ)step 5

step 6In order to determine what ‘Object’ is what and what color should be assigned to each polygon you can easily hover over with your mouse to find the [Shape Id] and just take note!step 7Time to color!! Now we get the custom color selection tool open found within Tableau to collect our color palette.

step 9

In my example, there are 26 individual polygons and below you can see each one of their colors. These colors were taken directly from the subject we found online in the beginning of this tutorial. step 11

In the end, you should end up with something like this!

step 12 final

Click here for the interactive version!

 

Congratulations!! You just created Polygon art in Tableau!

Surf On and Keep Vizzin’!

The Data Surfers.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s