Welcome to Algos, the fun local editor for creating and sharing interactive Mermaid.js diagrams! Whether you're a developer, project manager, or visual thinker, Algos makes it easy to craft flowcharts, mindmaps, and class diagrams, and more with a user-friendly interface.
- Uses FileTables: Algos uses a filetable to store the diagrams, so you can easily save and load your work.
- Uses FoggyBalrog.MermaidDotNet: Algos uses the FoggyBalrog.MermaidDotNet library to code up the diagrams.
- Uses WebView2: Algos uses the WebView2 control to render the diagrams.
- Uses Panzoom: For enabling interactive zoom and pan functionality.
- Real-Time Preview: See your diagrams come to life as you type, ensuring instant feedback and a seamless editing experience.
- Interactive Zoom & Pan: Effortlessly zoom in, zoom out, and pan across your diagrams with intuitive mouse controls, keeping your focus where it matters.
- Draggable Interface: Move your diagrams nodes around the tree with ease, allowing for flexible arrangement and organization.
- Easy Sharing: Generate Mermaid.JS code; shareable files filled with diagrams.
- Currently, the app is in active development, Plan to build out all the diagrams as of today it supports the following:
- Flowcharts
- Mindmap Diagrams
- Class Diagrams
- Download the latest release from the releases page.
- Open the .sln file in Visual Studio 2022.
- Run the project.
- Open the app and identify the file you want to save it as, click open.
- Create a new diagram by right clicking the tree view and picking they type of diagram
- Add nodes to the diagram by right clicking the diagram and selecting the type of node you want to add.
- **Edit the diagram nodes in the editor and save it. **
- Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.