Finished my live, navigable and interactive visualization of the Observable runtime graph. Works on both Observable and Lopecode.
- live: if you add/remove a cell the visualisation update.
- navigable: if you click a cell you are taken to the cell source (on observable this opens a new tab and scrolls to the cell)
- interactive: as you scroll though birds eye view the detailed visualization expands the dependancies of the focused cell. You can click to pin the current cell.
The overall point of this notebook is to provoke the reader into understanding the programming model and ask questions like "what is a viewof" when they try to understand the dependancy graph. Its also useful for authors to find stray dependancies and plan refactors on complex notebook networks.
📝 cellMap
computes the mapping of reactive variables to higher level notebook cells, grouped by module cellMap cellMap function You can call it with zero args to default to the current runtime, or pass in a subset of variables to extract the cell structure from just those. Visualizations visualize the cell ordering testing low-level variables in this module Utilities