# Mermaid tree view of folders in Markdown to PDF

A file tree is drawn from an indented list with connecting lines, for handover notes, project templates and documentation.

A folder and file tree drawn from an indented list, with connecting lines at every level, for the handover package of an architecture project.

- PDF: https://legivel.com/examples/mermaid-diagrams/tree-view.pdf
- Page: https://legivel.com/examples/mermaid-diagrams/tree-view
- Open in the editor: https://legivel.com/markdown-to-pdf?sample=mermaid-treeview
- More mermaid diagrams in Markdown to PDF: https://legivel.com/examples/mermaid-diagrams

## Markdown source

````markdown
---
title: Project handover package
author: Studio office
---

# Handover package, museum extension

An architecture studio in Zurich hands the drawing set to the contractor as one package. This is its folder structure.

```mermaid
treeView
    museum-extension/
        01-contract/
            contract-signed.pdf
            schedule-of-fees.xlsx
        02-drawings/
            plans/
                ground-floor.dwg
                first-floor.dwg
            sections/
                section-a.dwg
        03-specifications/
            facade.pdf
            structure.pdf
        README.txt
```

Drawings are named by level and section. The README lists the revision of every file.
````