I recently came across a material design style guide for data visualization, and wanted to try some of the concepts. Google has many design guides based on their material design concept, but none related to data visualization until just recently. These style guides are great for getting new ideas, just make sure you don’t get too hung up trying to precisely replicate in Tableau… it won’t always work out that way! For this week’s challenge, I decided to focus on one specific visualization from this particular style guide:
I’m going to go ahead and say that someone out there could replicate this 100% accurately in Tableau, but there are a few elements where the juice just isn’t worth the squeeze. I chose this particular chart because of the elements that focus on, or could focus on scale. With that, here is this week’s challenge.. average monthly temperatures in the home bases of the Workout Wednesday crew.
- Dashboard size 1000×800
- All elements should be in a vertical container, except for the filter
- Provide 150px padding on all sides of the vertical container
- Make sure values display the degrees symbol as a suffix
- Axis should display marks every 20 degrees, and should provide context to the reader at the top most mark
- Add a reference line for the current month, that will update automatically as the year goes on
- Add a circle over the point in the lines that represents the current month’s average temp
- Add a label for the hottest city, in the current month, for all of the cities in the view
- If you filter out Phoenix, the label should move to Salt Lake City
- Add a simple color legend that updates as the filter changes
- Turn off tooltips – not necessary for the challenge
If you need some help, check out the solution video!
Track your progress
Also, don’t forget to track your progress using this Workout Wednesday form.
When you publish your solution on Tableau Public make sure to take the time and include a link to the original inspiration.