How do I plot the sorted vs unsorted sequences as seen in the documentation?

Hi All,

I'm working with LSTM networks, and would like to illustrate the advantage of sorting the data with my own data sets as illustrated below, and mentioned here. However, although I know how to plot the sorted date, the blue part, I don't know how to add the padding part and the mini-batches and the splits, how do plot this?

Thanks in advance!