🏠 back to Observable

Show source after output


This site is rather unique in that it shows the output of a code block before the code block rather than after. I am obviously not sure of the exact reasons this design was chosen, but what I can say is that it very often confuses me. Would it be possible to add a preference to swap the order of these?



Although I’m certainly sorry that you find the the notebook cell ordering to be confusing, I don’t think it’s very likely that we’ll decide to add a preference to toggle the order.

Often, notebooks are written with references to view the code “as seen below”, or have cells intentionally pinned or unpinned to fit certain outputs together within a single screen, or to allow the output of two cells to lie adjacent to one another.

With a preference set, either you would be constantly swapping back and forth between different orderings as you browsed other peoples’ notebooks … or you would be viewing them laid out not as their authors intended — neither of which would be very satisfactory.

1 Like


Here are some older related threads:

Observable notebooks originally showed the code before the output, however, this led to issues with the output jumping away when the source was opened:

Eventually, the site was switched to the current ordering:



I also would prefer to have code then output, because I am coming from a frame of reference of the command line, REPLs, and other Notebook environments, where output follows code. Someone coming from Excel might have a different take.

Which works better depends a bit on what kind of document you are creating for what kind of reader. For something like a blog post or academic paper with inline interactive bits, often much of the markup and code (e.g. for rendering a diagram or mathematical formula) should be hidden by default for the sake of keeping a narrative flowing along. If you have a cell with code hidden and you try to toggle the code view open and shut, it turns out to be quite annoying to have the rendered output jump up and down the page. So there’s a trade-off.

I don’t think this ordering is going to change, so I recommend trying to get used to it. It might slightly change what kind of documents you make / how you present them, but the platform is still pretty great irrespective of this ordering question, and I think it’s generally possible to produce notebooks where the flow is not too confusing for readers or authors.

1 Like


Just for the heck of it, I’ve added functionality to my notebook “Exporting notebooks with their source” which lets you export your notebooks with the cell sources attached before their outputs if you wish. See the update in the “Export tool” section.

1 Like