![]() Alright, we’re cruising right along and already set to add in the annotations!Įach annotation box has four pieces to it. You can see in the image below, I’ve set the opacity to 50%. Next, we want to dial down the opacity, which helps push the dashboard to the background and let the annotations pop. Now that we have an artboard, we’ll place our screenshot image on it by navigating to File → Place, finding our screenshot image and placing it on the artboard as the exact same size.in our instance 10” by 7”. Our NBA Draft Gems dashboard is 1000px wide by 700px tall, so we’ll set our art board to 10 inches wide by 7 inches tall. Select Custom, set your Width and Height to the exact size of your Tableau dashboard (100px in Tableau = 1 inch in Illustrator) and then click Create. This allows you to set the size of your art board. To do this, navigate to File → New and the below window will pop up. We’ll start a new document in Illustrator. Building the Annotation Layer Take a Screenshot and Create Your Artboardįirst, we want to take a screenshot of the viz and bring that image into Illustrator. However, this could also be achieved using Figma, PowerPoint or whatever your tool of choice is for building out and bringing custom images into Tableau. It’s worth noting that the process shared below was done using Adobe Illustrator. This post will walk through the process of creating this annotation layer for which I was pleasantly surprised to get such positive feedback once I shared the visualization in the Twitterverse! You can see the annotation layer below. To achieve this, I leveraged a floating layout container with a Show/Hide button, a technique I first saw used by Tableau Zen Master, Marc Reid, in this blog post from March of 2019. However, I am one for clean visualizations, so my goal was to limit the amount of text on the viz itself. ![]() ![]() ![]() You can see the final visualization below.Īs I built out this visualization the need to guide the user through the process of consuming it became very apparent. A gem was simply designated as the category leader within each draft class. Leading up to the 2020 NBA Draft, I shared a Tableau Public visualization called NBA Draft Gems, where a user could explore several statistical categories for players drafted into the NBA over a fifty-year period and find the “gems” within each draft class. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |