Last week data-dare.com put out a challenge to the Tableau community to create a story without using story points. This is sure to be an interesting challenge, with many new/alternative ways coming to light. Tableau’s story point feature is nice, but can feel a bit clunky
at times, so I am excited to see what we all come up with!
Read on for how it was done, and how you can do this yourself!
If you just want the code.. here you go! If not, let’s start working through the code top to bottom..
The css can easily be modified to fit your project, and will likely need to be. In Tableau terms, think of the style below as defining two vertical containers in a dashboard sized 900px wide and unlimited height. The left container houses our paragraphs and highlighters, and takes up 50% of our dashboard. The right container holds our viz and takes up the remaining 50%. Full disclaimer… I Google EVERYTHING in regard to css… so while I could assist in changing a few things, Google is your best bet for custom modifications to this style. Below the left and right containers is where we are defining how our highlighters will look. Theoretically you can style text in HTML however you want, but I thought these ghost buttons stood out nicely and helped users understand to click or hover.
Building paragraphs with highlighters
This is what you are here for. I know… you were expecting more complexity, my apologies if this is just too easy! Each of our highlighters is essentially built the same way: copy one of the function, name it uniquely, sub in your target worksheet, provide your dimension name, and tell it what field to highlight. Sound familiar? We essentially just went into the Actions menu on a dashboard and defined a highlight action!
Thanks for reading,