Create interactive flowcharts using Mermaid.js syntax with zoom and pan controls, extensive style customization, dark mode support, and the ability to export diagrams as SVG files.
       
⚡ Main Functions

• Mermaid Diagram Rendering
   Create flowcharts using Mermaid.js syntax.
• Zoom & Pan Interaction
   Navigate diagrams with zoom and pan controls.
• SVG Export
   Save flowcharts as SVG files to Bubble storage.
• Zoom Reset Control
   Reset zoom using a dedicated button.

⚡ Key Features

🎛️ Zoom & Pan Tuning
     Customize zoom sensitivity and panning speed.
🎨 Diagram Styling
     Customize primary, secondary, and tertiary colors.
🌙 Dark Mode Support
     Adjust colors for dark mode and visual consistency.
✏️ Text & Line Styling
     Configure font styles, text colors, line, background, and border colors.
🧭 Control Icons
     Use icons for interactive diagram control.



Documentation

We’ve created a detailed step-by-step guide for the Advanced Textual Flowcharts plugin. It includes a comprehensive overview of all features, practical use cases, and answers to frequently asked questions.

       
FAQ

- Can I save the flowchart as an image?  
Yes, you can save the flowchart as an SVG file, which can be stored in Bubble’s file storage or used externally.

- Is there an option to enable dark mode?  
Yes, dark mode is supported, allowing you to switch the flowchart's appearance to better match your app's theme.

- Is it possible to pan across large flowcharts?  
Yes, panning is supported, with adjustable speed settings to control the navigation experience across extensive flowcharts.

- What color customization options are available?
You can adjust primary, secondary, and tertiary colors, as well as text, line, and background colors to create a flowchart that matches your app’s visual style.

- How do I reset the zoom level?
The plugin includes a zoom reset button, which can be styled and adjusted to reset the flowchart to its default view.




Our Similar Plugins

- Air Database Diagram
- Drawboard
- HTML5 Canvas with Fabric.js
- Mind Map Maker
- OrgChart - Organizational Chart




Support

If you still have questions or an unresolved issues, you can contact us.


Risk-free Trial

The most risk-free way to try out this plugin is to subscribe to it. If you unsubscribe a few days later you will be charged on pro-rata basis, so for example if the plugin monthly price is $5 then you’d pay only 17¢ per day ($5/30 days)!