30:T58d,1. **seed** has just the text in its raw form as a nested Markdown list. - **germinate(_seed_) → _seedling_** so you have its complete ‘DNA’. 1. **seedling** includes metadata like its title, year of publication, source, levels. - **hierarchize(_seedling_) → _sprout_** so you can easily work with the tree, and where each node: - has one parent node (_node_.parent), except for the root; - has one or more child nodes (_node_.children), except for the leaves; - can have associated data (_node_.data) to store whatever additional fields you like; - offers functions like _node_.descendants(), _node_.ascendants(), _node_.leaves(), _node_.each(), _node_.eachBefore, _node_.eachAfter(), and others to make it easy to work with hierarchical data. 1. **sprout** - is ready to layout and train the tree into its later shape and form. - **train(_sprout_) → _sapling_** 1. **sapling** - **grow(_sapling_) → _tree_** cleaves, balances, and embellishes the tree and turns it into a fan shape, just like the unfolded wings of a butterfly, ready to blossom. 1. **tree** has all needed structure, content and style to visualize it - **blossom(_tree_) → _image_** displays the tree in full glory31:[{"id":"1a3f76e22d1d816087e65077c23619a395f65070800cb9c85c563397520305dfd5fbdcabba38c8bf6bbd5642af13a65cceb292a397015f21420fa2e876894e4f","href":"https://static.observableusercontent.com/files/1a3f76e22d1d816087e65077c23619a395f65070800cb9c85c563397520305dfd5fbdcabba38c8bf6bbd5642af13a65cceb292a397015f21420fa2e876894e4f","name":"IMG_8053.JPG","type":"image/jpeg","lastModified":1710504708092.673,"size":3038627}] 2e:{"title":"Grow a tree","cells":[{"id":38,"value":"# Grow a tree","pinned":false,"hidden":false,"mode":"md"},{"id":83,"value":"img_8053 = FileAttachment(\"IMG_8053.JPG\").image()","pinned":false,"hidden":false,"mode":"ojs"},{"id":88,"value":"When working with hierarchical data structures, it helps me to distinguish between the different ‘growth’ stages of a tree.","pinned":false,"hidden":false,"mode":"md"},{"id":16,"value":"\\texttt{ seed }\n^{\\underrightarrow{germinate}}\n\\texttt{ seedling }\n^{\\underrightarrow{hierarchize}}\n\\texttt{ sprout }\n^{\\underrightarrow{train}}\n\\texttt{ sapling }\n^{\\underrightarrow{grow}}\n\\texttt{ tree }\n^{\\underrightarrow{blossom}}","pinned":false,"hidden":false,"mode":"tex"},{"id":0,"value":"$30","pinned":false,"hidden":false,"mode":"md"},{"id":49,"value":"### Key advantages of this staged approach\nWith this this staged approach, you can:\n1. **`R.pipe()` the stages** into small modular functions that fit in your head:\n\n>~~~js\nR.pipe(\n germinate, // → seedling\n hierarchize, // → sprout\n train, // → sapling\n grow, // → tree\n blossom, // → render on screen\n)\n(seed) // ← source data\n>~~~\n\n1. **view the results of intermediate stages** by commenting out later stages. For instance, to see what `hierarchize()` does, comment out its subsequent stages. Handy when debugging (no more need for `console.log()`).\n\n>~~~js\nR.pipe(\n germinate,\n hierarchize,\n // train,\n // grow,\n // blossom,\n)\n(seed)\n>~~~\n\n1. **add specific configuration parameters** as an object literal given as first argument to any stage:\n\n>~~~js\nR.pipe(\n germinate,\n hierarchize,\n train({nodeSize: [2, 3]}),\n grow,\n blossom({width, stroke: \"grey\", fontFamily: \"Bitter\"}),\n)\n(seed)\n>~~~","pinned":false,"hidden":false,"mode":"md"}],"files":"$W31","stdlib":"1","titling":"auto"}