31:T846,

Basic cell types
	This cell refers to something.
	This cell is referenced by something.
	This cell refers to something and is referenced by something.
	This cell isn’t connected to anything. If you delete it, nothing else will break.
	This cell is unconnected and unnamed, so it can’t be referenced. Often Markdown cells.
	This cell has an error.

32:Te6d,

Combinations of cells
	The first cell is referenced by the second. The second will re-run when the first does, and break if the first is deleted.
	The first cell refers to the second. The first will re-run when the second does, and break if the second is deleted.
	The gray cell is independent of the blue cells above it.
	The gray cell depends on the first cell, but only indirectly. The second cell has a whisker peeking out to the right; click it to trace the transitive dependency.
	The gray cell is used by the second cell, but only indirectly. The first cell has a whisker peeking out to the left; click it to trace the transitive dependency.
	Each cell refers to the other, resulting in a circular definition error.

33:[{"id":"9390ddd87ed64bee02ce235bce1bb277efe4c28c02adaf6980f401b4084317e6c849e6b4934e1f5a2ce7152064e038be8b10020b9b3e8e0aaa45ed88092ed440","href":"https://static.observableusercontent.com/files/9390ddd87ed64bee02ce235bce1bb277efe4c28c02adaf6980f401b4084317e6c849e6b4934e1f5a2ce7152064e038be8b10020b9b3e8e0aaa45ed88092ed440","name":"Minimap Next v4-1.mp4","type":"video/mp4","lastModified":1632335651030.255,"size":8548278}] 2f:{"title":"Minimap","cells":[{"id":0,"value":"# Minimap\nThe **Minimap** lists the cells in a notebook and their dependencies. Click a cell to jump to it; the Minimap then shows connections to cells it depends on, and cells that depend on it. Following the line from left to right, you see the order in which data flows through your notebook, and [the order in which cells will run](https://observablehq.com/@observablehq/how-observable-runs). \n\nTo open the Minimap, click ${icon()} in the right sidebar, or _View → Show minimap_ in the notebook menu.","pinned":false,"hidden":false,"mode":"md"},{"id":17,"value":"

","pinned":false,"hidden":false,"mode":"html"},{"id":35,"value":"See for yourself by looking at these three cells in the Minimap (click ${icon()}):","pinned":false,"hidden":false,"mode":"md"},{"id":37,"value":"a = Math.PI","pinned":true,"hidden":false,"mode":"ojs"},{"id":45,"value":"b = a * 2","pinned":true,"hidden":false,"mode":"ojs"},{"id":48,"value":"c = Math.cos(b)","pinned":true,"hidden":false,"mode":"ojs"},{"id":57,"value":"Try focusing each cell by clicking the gray code editors above, and watch how the blue connection “wires” change in the Minimap. You can see that the value of _a_ goes into _b_, which goes into _c_. That’s because _c_ refers to _b_, and _b_ refers to _a_.\n\nNote that when _c_ is focused, you don’t see a wire to _a_, but _a_’s circle moves to the left. We call _a_ a transitive dependency of _c_: _c_ depends on something that depends on _a_. The Minimap only shows wires for one level of connections at a time.\n\nThe connections don’t change if you move the cells up or down (drag on the **⋮** to the left, or focus and press ${key(mac ? \"⌥ ⌘ ↑\" : \"ctrl alt ↑\")}); _b_ will always run after _a_ (and appear to the right of it), even if it comes higher in the notebook.\n\nYou don’t have to understand everything going on in the Minimap to use it! There’s a lot to see, starting with distinguishing several kinds of cell.","pinned":false,"hidden":false,"mode":"md"},{"id":74,"value":"$31","pinned":false,"hidden":false,"mode":"html"},{"id":152,"value":"When one cell is focused, the Minimap draws connections to other cells in blue.","pinned":false,"hidden":false,"mode":"md"},{"id":155,"value":"$32","pinned":false,"hidden":false,"mode":"html"},{"id":81,"value":"The Minimap has no special keyboard shortcuts of its own, but works well with the [existing shortcuts](https://observablehq.com/@observablehq/keyboard-shortcuts?collection=@observablehq/notebook-fundamentals) for moving among cells, including, among others:","pinned":false,"hidden":false,"mode":"md"},{"id":83,"value":"\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

Navigating between cells
${key(mac ? \"⌥ ⇥\" : \"alt shift down\")}	Focus next cell
${key(mac ? \"⌥ ⇧ ⇥\" : \"alt shift up\")}	Focus previous cell
${key(mac ? \"⌘ J\" : \"ctrl J\")}	Jump to cell (with cursor on cell reference)
${key(mac ? \"⇧ ⌘ J\" : \"shift ctrl J\")}	Jump to previously focused cell

","pinned":false,"hidden":false,"mode":"html"},{"id":420,"value":"\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

Selecting cells
${key(mac ? \"⇧ ←\" : \"shift left\")}	Select current and upstream cells
${key(mac ? \"⇧ →\" : \"shift right\")}	Select current and downstream cells

","pinned":false,"hidden":false,"mode":"html"},{"id":248,"value":"The Minimap is not omniscient: it only knows about static references to other cells. It is possible for one cell to affect the output of another (that doesn’t refer to it) by using side effects, like mutation. In those cases, the Minimap does not know that the cell depends on side effects from other cells. For this and other reasons, [we discourage mutation](https://observablehq.com/@tmcw/observable-anti-patterns-and-code-smells#mutation).\n\nFor a real-world challenge, fork a [long notebook](https://observablehq.com/@d3/bar-chart-race-explained), share it [with a friend](https://observablehq.com/@observablehq/multiplayer-editing?collection=@observablehq/editing-publishing-collaborating), and chase their avatar from cell to cell! And if you have a question, leave a comment here.","pinned":false,"hidden":false,"mode":"md"},{"id":129,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":79,"value":"import {key, mac} from \"@observablehq/introducing-visual-dataflow\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":413,"value":"icon = () => htl.html``","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}