Introduction
Small multiples can be a good way to see overall trends across several categories, but sometimes it can be tricky to get the sorting and labels right, so that’s what we’ll practice this week!
Since baseball season is over now, we’ll look at overall win percentage from 1998 to 2022 for Major League Baseball teams.
Requirements
- Dashboard Size: 1000 x 800px
- 1 sheet
- Create a small multiple/trellis chart showing win percentage (Wins/Games) difference from .5 (better or worse than 50% win percentage) by Year for each Team
- The bars should be a different color above and below the 50% line (
- Add a Team label in the top left, and the team’s overall win percentage for all years in the top right
- Teams should be ordered by overall win percentage
- Match tooltips and formatting
Bonus:
- Apply the following color palette with teams sorted alphabetically to get each team’s colors (HINT: Make sure you have your above/below color also applied before applying the palette)
<color-palette name="MLB Team Colors" type="regular">
<color>#A71930</color><!-- Arizona 1 -->
<color>#E3D4AD</color><!-- Arizona 2 -->
<color>#CE1141</color><!-- Atlanta 1 -->
<color>#13274F</color><!-- Atlanta 2 -->
<color>#DF4601</color><!-- Baltimore 1 -->
<color>#000000</color><!-- Baltimore 2 -->
<color>#BD3039</color><!-- Boston 1 -->
<color>#0C2340</color><!-- Boston 2 -->
<color>#0E3386</color><!-- ChiCubs 1 -->
<color>#CC3433</color><!-- ChiCubs 2 -->
<color>#27251F</color><!-- ChiSox 1 -->
<color>#C4CED4</color><!-- ChiSox 2 -->
<color>#C6011F</color><!-- Cincinnati 1 -->
<color>#000000</color><!-- Cincinnati 2 -->
<color>#00385D</color><!-- Cleveland 1 -->
<color>#E50022</color><!-- Cleveland 2 -->
<color>#333366</color><!-- Colorado 1 -->
<color>#C4CED4</color><!-- Colorado 2 -->
<color>#0C2340</color><!-- Detroit 1 -->
<color>#FA4616</color><!-- Detroit 2 -->
<color>#002D62</color><!-- Houston 1 -->
<color>#EB6E1F</color><!-- Houston 2 -->
<color>#004687</color><!-- KansasCity 1 -->
<color>#BD9B60</color><!-- KansasCity 2 -->
<color>#BA0021</color><!-- LAAngels 1 -->
<color>#003263</color><!-- LAAngels 2 -->
<color>#005A9C</color><!-- LADodgers 1 -->
<color>#EF3E42</color><!-- LADodgers 2 -->
<color>#00A3E0</color><!-- Miami 1 -->
<color>#EF3340</color><!-- Miami 2 -->
<color>#12284B</color><!-- Milwaukee 1 -->
<color>#FFC52F</color><!-- Milwaukee 2 -->
<color>#002B5C</color><!-- Minnesota 1 -->
<color>#D31145</color><!-- Minnesota 2 -->
<color>#002D72</color><!-- NYMets 1 -->
<color>#FF5910</color><!-- NYMets 2 -->
<color>#0C2340</color><!-- NYYankees 1 -->
<!--<color>#C4CED3</color> NYYankees 2 -->
<color>#003831</color><!-- Oakland 1 -->
<color>#EFB21E</color><!-- Oakland 2 -->
<color>#E81828</color><!-- Philadelphia 1 -->
<color>#002D72</color><!-- Philadelphia 2 -->
<color>#27251F</color><!-- Pittsburgh 1 -->
<color>#FDB827</color><!-- Pittsburgh 2 -->
<color>#2F241D</color><!-- SanDiego 1 -->
<color>#FFC425</color><!-- SanDiego 2 -->
<color>#0C2C56</color><!-- Seattle 1 -->
<color>#005C5C</color><!-- Seattle 2 -->
<color>#FD5A1E</color><!-- SanFrancisco 1 -->
<color>#27251F</color><!-- SanFrancisco 2 -->
<color>#C41E3A</color><!-- StLouis 1 -->
<color>#0C2340</color><!-- StLouis 2 -->
<color>#092C5C</color><!-- TampaBay 1 -->
<color>#8FBCE6</color><!-- TampaBay 2 -->
<color>#003278</color><!-- Texas 1 -->
<color>#C0111F</color><!-- Texas 2 -->
<color>#1D2D5C</color><!-- Toronto 1 -->
<color>#E8291C</color><!-- Toronto 2 -->
<color>#AB0003</color><!-- Washington 1 -->
<color>#14225A</color><!-- Washington 2 -->
</color-palette>
Dataset
This week uses a custom data set. You can find it here on Data.World
Attribute
When you publish your solution on Tableau Public make sure to take the time and include a link to the original inspiration. Also include the hashtag #WOW2022 in your description to make it searchable!
Share
After you finish your workout, share on Twitter using the hashtag #WOW2022 and tag @LukeStanke, @_Lorna_Brown, @HipsterVizNinja, @_hughej, and @YetterDataViz
Solution
Interactive
