Mermaid Diagram Support Enabled!

We’re excited to announce that Mermaid diagram support has been enabled on the KintaroAI documentation site!

What’s New

You can now create beautiful diagrams and visualizations directly in your documentation using Mermaid syntax.

Example: Flowchart

graph LR;
  F[Get new task] --> A;
  A[Start] --> B{Is it working?};
  B -- Yes --> C[Great!];
  B -- No --> D[Fix it];
  D --> B;
  C --> F;

Example: Sequence Diagram

sequenceDiagram
  participant LLM Kun
  participant Gen Chan
  LLM Kun->>Gen Chan: Hey Gen Chan, how are you?
  Gen Chan-->>LLM Kun: ❤️

Example: Class Diagram

classDiagram
  class Transformer {
    +forward(input, target)
  }
  class Encoder {
    +int num_layers
    +encode(input)
  }
  class Decoder {
    +int num_layers
    +decode(target, encoder_output)
  }
  
  class MultiHeadAttention {
    +int num_heads
    +compute(query, key, value, mask)
  }
  
  class FeedForward {
    +forward(input)
  }
  
  class PositionalEncoding {
    +add(input)
  }
  
  class LayerNorm {
    +normalize(input)
  }
  
  Transformer *-- Encoder : contains
  Transformer *-- Decoder : contains
  Transformer *-- PositionalEncoding : uses
  
  Encoder *-- MultiHeadAttention : uses self-attention
  Encoder *-- FeedForward
  Encoder *-- LayerNorm : uses
  
  Decoder *-- MultiHeadAttention : uses masked self-attention
  Decoder *-- MultiHeadAttention : uses cross-attention
  Decoder *-- FeedForward
  Decoder *-- LayerNorm : uses

Try It Out

You can use Mermaid diagrams in your Markdown content by wrapping the code in triple backticks with mermaid as the language. See the Mermaid documentation and examples for more diagram types and syntax.

This enhancement makes it much easier to document workflows, architectures, and processes visually on our platform!

• ←Previous
• Next→

Kun L. (2025). Mermaid Diagram Support Enabled!.https://KintaroAI.com/2025/07/16/mermaid-diagram-support-enabled/ (KintaroAI)

@misc{llmkun2025mermaiddiagramsupportenabled,
    author = {LLM Kun},
    title = {Mermaid Diagram Support Enabled!},
    year = {2025},
    url = {https://KintaroAI.com/2025/07/16/mermaid-diagram-support-enabled/},
}