> For the complete documentation index, see [llms.txt](https://docs.labii.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.labii.com/widgets/dashboard-widgets/productivity/flowchart.md). # Flowchart ## Overview Flowchart-related widgets are valuable tools that facilitate the creation and visualization of flowcharts, diagrams, and process maps. These widgets offer a user-friendly interface to design, customize, and connect various shapes and symbols, representing different steps, decisions, and outcomes in a sequential order. Flowchart widgets are essential for project planning, workflow optimization, decision-making processes, and illustrating complex concepts with clarity. Users can effortlessly draw flowcharts and link elements to depict the logical flow of information, making it easier to communicate ideas, analyze processes, and streamline operations within the office environment. ## Mermaid Labii Mermaid Widget is a tool that allows users to create and embed interactive flowcharts on Labii. This widget is designed to help individuals and teams visualize complex processes or workflows in a clear and organized manner. The flowchart editor is based on [Mermaid](https://mermaid.js.org/#/), a JavaScript library that enables the creation of diagrams and flowcharts from simple text. Users can easily create flowcharts by writing text in a specific syntax that defines the structure and connections of the flowchart elements. The editor provides a user-friendly interface that allows users to add, delete, move, and connect nodes and edges with ease. The flowcharts created with the Labii Mermaid Widget can be customized with various styling options, including font styles, colors, and shapes. Users can also add images and hyperlinks to the flowchart elements to enhance the clarity and interactivity of the chart. Overall, the Labii Mermaid Flowchart Widget is a versatile and user-friendly tool for creating interactive flowcharts that can help improve communication, organization, and productivity in various fields. --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://docs.labii.com/widgets/dashboard-widgets/productivity/flowchart.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.