Visualization of orders according to these rules:

• There should be no visually overlapping processing times.
• An order whose processing time overlaps with other order(s) should have the same width as those order(s).
• An order should occupy the maximum possible width on the canvas while still observing the second rule.

The visualization above wastes space. The width of the bars is visually important, but conveys little information and obscures other information. For example, the changing widths make it difficult to visually compare order durations; which took longer, #2 or #7? Order #5 took the longest, but order #2 occupies the most area. It's complicated to calculate the widths, and they aren't even that useful. Maybe this is interesting as a puzzle, but as a visualization, it could be better.

Rotating the time axis and keeping all widths constant makes it easy to see both how orders overlapped in time, and to compare their durations. This version shows the same or more information in less space. It's also simpler to generate the data needed to draw the visualization.