I changed it in this PR in order to make the CSS float work correctly. That is, the older bars had to be created first so that the newer bars could `float: left` onto them.

If we want to keep the APIs the same then I can clarify the docs and update the JS so it goes through the arrays in reverse order. I don't have a strong preference either way.