Smart Mermaid
Smart Mermaid is a Web application based on AI technology that can intelligently convert users 'natural language text descriptions into chart code in standard Mermaid format, and render them into various visual charts such as flow charts, sequence charts, and Gantt charts in real time. There is no need to write code manually, which greatly simplifies the chart making process and improves document writing and communication efficiency.
Core advantages: Simplify charting: Say goodbye to the tedious nature of manually writing Mermaid code, and you can quickly generate charts through natural language descriptions. Increase efficiency: Quickly transform ideas into visual charts, saving you time on document writing and communication presentations. Intelligent assistance: AI automatically analyzes text, understands intent, and selects the appropriate chart type (or as you specify). Flexible configuration: Support customized AI service configuration to meet the needs of different users. Professional experience: Provides professional-level chart editing and viewing experience, and supports multiple rendering modes. main function 🎯Core functions Flexible text input: Enter or paste text manually directly in the editor. Supports uploading files (.txt, .md, .docx formats). A maximum input length of 20,000 characters is supported. Intelligent AI conversion: Integrate advanced AI models to analyze text content. Support multiple AI model options (DeepSeek V3, DeepSeek R1, etc.). Supports automatic identification of the best chart type or user-specified. Accurately generate chart code that complies with Mermaid specifications. Real-time streaming generation demonstrates the AI thinking process. Dual rendering mode: Excalidraw renderer: Hand-drawn style editable charts that support element dragging and dropping and style modification. Mermaid Renderer: Precise standard charts that support professional-grade zooming and view control. Switch rendering modes with one click to meet different usage scenarios. Professional Code Editor: Integrated CodeMirror editor to support Mermaid syntax highlighting. The editor height can be adjusted (small, medium, large, and extra large). Real-time code verification and preview updates. 🔧Advanced features Intelligent interface design: Left panel folding: Hide the edit panel with one click for more chart preview space. Responsive layout: Perfect for desktop and mobile devices. Dark mode support: Provides a comfortable night experience. AI intelligent automatic error correction function New functions: AI Intelligent Analysis: Use advanced AI models to deeply analyze Mermaid code issues. Professional fixes: Not only fixes syntax errors, but also provides code optimization suggestions. Contextual understanding: AI understands the chart structure and provides targeted repair solutions. One-click repair: AI repair buttons are provided in both the editor and main interface. Safe fallback: Automatic use basic rules to repair AI failure. Detailed feedback: Provide repair instructions and improvement suggestions. One-click direction switching function New function: Horizontal and vertical switching: Switch between landscape (LR) and portrait (TD) layouts with one click. Intelligent recognition: Automatically detects the current chart direction and converts it accordingly. Quick operation: Direction switching buttons are provided in both the editor and the main interface. Layout optimization: Select the best display direction based on content characteristics. Enhanced view control: Zoom function: Shift + Scroll wheel zoom to avoid browser conflicts. Pan operation: Drag and drop the mouse to move the view, and keyboard shortcuts are supported. View reset: Restore the default view state with one click. Full screen mode: Maximize workspace and focus on chart editing. Powerful export function: SVG export: download high-quality vector images. PNG Export: Bitmap format for documents and presentations. Code copying: Copy Mermaid code to the clipboard with one click. Customize AI configuration: Support configuring your own AI service APIs (OpenAI, Azure OpenAI, other compatible services) Customizable API URL, API Key and model name Support model switching and select the most suitable AI model Enjoy unlimited usage rights after configuring your own AI services Access management: Built-in access password function, you can enjoy unlimited use rights after verification Support multiple usage modes: free limited edition → password verification → custom configuration Usage statistics: Display remaining usage times in real time Local storage usage records, reset daily
