You can explore the jump plot website by Tom VanBuskirk and Chris DeMartini for more information on the jump plot and its variations. The original implementation of Jump Plot was created within Tableau. There are tutorials that you can reference on their website.
However, the bezier curves might be relatively difficult for users who are not mathematically inclined, or at least as it seems to me. The steps could also be daunting to a newbie. As such, I have tried to think if there has been any alternative design of the jump plot that can help make the process easier. Having then seen Alexander Mou's blog, it struck me that a "flat one" or a "step ladder one" has not been seen prominently yet. Hence, I have tried to innovate the one in the image of the opening of this post, simply using squares and bar charts in Tableau. This version is by no means better than the original as the "curve" is visually more impactful than "steps" with each curve being more distinguishable.
- Rank is the fastest timing at 1 and the slowest at 3 in the example pictured
- Size is 9.6 to create a gap effect
Step 2: Drag Relevant Pills into Row and Columns
- Create "0" for Rows by double-clicking on Rows and typing "0" in the new pill
- Make the chart a Dual Axis by right-clicking on the "0" pill and selecting "Dual Axis"
Step 3: Drag Relevant Pills into Marks
Step 4: Adjust Size and Alignment
Step 5: Sort "Timing" by "Rank"
Step 6: Perform the Cosmetic Work
- Synchronise the axes by right-clicking on the Headers and clicking "Synchronise Axis"
- Hide the headers by unchecking the "Show Header" in the pills of the Columns and Rows
- Add in the text and format
Step 7: Publish Your Flat Jump Plot!