Tableau Zen Master Mark Jackson was kind enough to allow me to showcase one of his Tableau Public visualization for the demonstration. When thinking about the slide transitions, wait time, story points and design, his visualization on Urbanizing China was the first visualization to come to mind. Compare his original Tableau Public Visualization here to the presentation below. Mark's original presentation uses Storypoints. Each page takes some time to load and the navigation is far from seamless.
I took Mark's visualization and converted it out of Storypoints to a single workbook with tabs. You can see the revised visualization here, but when interacting with this on Tableau Public is behaves in the same manner. It takes an estimated 15 seconds of total load time in this workbook simply moving from tab to tab. However, once I have a tabbed workbook I can reference each page of the visualization using the embed code and there is no Storypoint navigation. By embedding each page's embed code into reveal.js it utilizing the navigation of reveal. It also loads every tab at the beginning of the webpage load. This reduces the amount of wait time when transitioning from slide to slide. There is still wait time when interacting with the data, but regardless, this solution offers a really slick interface with some great advantages.
Click here to see the presentation with Tableau and reveal.js.
There are many options that are very easy to use. There is navigation up and down, easy to control formatting from slide to slide and other great presentation features (like presenter mode). As an example, here are some different slide transitions for the same presentation. This is done simply by adding a parameter to the URL.
I will plan some additional posts to walk through a step-by-step guide, but I wanted to share this technique and show the power of combining Tableau and reveal.js.