![create folder structure diagram in listmode create folder structure diagram in listmode](https://media.idownloadblog.com/wp-content/uploads/2015/11/Apple-TV-fourth-generation-Sleep-menu-tvOS-screenshot-001.jpg)
![create folder structure diagram in listmode create folder structure diagram in listmode](https://d2slcw3kip6qmk.cloudfront.net/marketing/blog/2017Q2/FoldersByQuarter.png)
At the interaction level, it is possible to associate a hyperlink with each node (check the root and the README file, please).That folder consist of docs, ppts,wmf format. I am sending you one image in the following manner. The default placement of titles, as well as the "boxes" of each subgraph, can help, in my opinion, the user to quickly associate a particular helper text with the corresponding elements. Using confluence UI I am able to create PAGE TREE, but I want to write script to migrate all existing pages to the new Intranet.This way each file may also have a helper text. The use of subgraphs for individual files, as in the case of the README file, is because they have a title.This information is already encoded to some extent in the indentation or vertical positioning but may be useful, for example, to separate subgroups of files under the same helper text from other files at the same hierarchical level. With the help of style features, you can use the color, for example, of subgraph boundaries ( stroke) to encode whether a group of elements concerns a folder or not.In addition, if the purpose of this diagram is merely to provide an overview of the directory structure of a given project, obtaining it with mermaid may require extra effort that has no clear benefit. flowchart) generated with mermaid takes up more space than the diagram generated with the tree -L 2 command.
![create folder structure diagram in listmode create folder structure diagram in listmode](https://is1-ssl.mzstatic.com/image/thumb/Video123/v4/75/d8/d2/75d8d2bc-5880-5b1e-75e2-9dd564d10a4a/DIS_WHILE_YOU_WERE_SLEEPING_WW_ARTWORK_EN_3840x2160_202XHN000000FF.lsr/1200x675.jpg)
Also, there are a few points to keep in mind: The tree-like format was not fully preserved (the root appears as the leftmost element, but not at the top, and the reading of the elements is not as vertical, for example), but the result, made as simple as I could, was interesting, as you can see here. This gave me the idea of trying to recreate the tree-like diagram obtained from the tree -L 2 command. Recently, while preparing the README file for a project hosted on GitLab, I came across the possibility of using mermaid to generate diagrams from markdown-like text.