Bump Chart

In this tutorial, you’ll learn how to draw a Bump Chart in Glimpse to visualize the change in ranking between various hypothetical political parties changing over time.

Add the data from the table below to the Data Grid which is at the bottom of the UI. Simply copy the data and go to Insert > Data Source > Clipboard. It will immediatelly show up in the Data Grid.

Political Party Rank Week
Party A 1 Week 1
Party B 3 Week 1
Party C 2 Week 1
Party D 4 Week 1
Party E 5 Week 1
Party A 2 Week 2
Party B 1 Week 2
Party C 3 Week 2
Party D 5 Week 2
Party E 4 Week 2
Party A 1 Week 3
Party B 2 Week 3
Party C 5 Week 3
Party D 3 Week 3
Party E 4 Week 3
Party A 1 Week 4
Party B 3 Week 4
Party C 4 Week 4
Party D 2 Week 4
Party E 5 Week 4
Party A 2 Week 5
Party B 3 Week 5
Party C 4 Week 5
Party D 1 Week 5
Party E 5 Week 5
Party A 2 Week 6
Party B 1 Week 6
Party C 5 Week 6
Party D 3 Week 6
Party E 4 Week 6
Party A 1 Week 7
Party B 3 Week 7
Party C 2 Week 7
Party D 4 Week 7
Party E 5 Week 7

Then, go to the Inspector panel to the right side of the UI and go to Visual > Mark and set the Mark type to Line.


Go to the Outline panel to the left side of the UI and drag the field Week into the X encoding to set the timescale.


Next, drag the Rank field into the Y encoding. In the Encoding section of the Inspector panel, change the Measure type from Quantitative to Nominal and switch the Sort toggle on.


Finally, to change the color of each line on the chart, drag the Political Party field into the Color encoding. The lines will change immediatelly and you’ll notice the history to the right side of the chart.


To add data points to the lines, go to Visual > Mark in the Inspector panel and switch the Point Overlay toggle on.


Done! This is how you draw a Bump Chart. If you want to further customize your chart, please read the documentation.