RAG Application Architecture Mermaid Template

Flowchart for document ingestion, chunking, embeddings, vector search, reranking, and LLM response generation. Edit the code below, choose a publish preset, then export without signup, watermark, or cloud upload.

RAGLLMvector search

Why this beats a static template

• Export PNG, SVG, JPG, WebP, or PDF immediately.
• Use README, slide, blog, and dark-doc presets.
• Keep source code in the browser while exporting.

Paste or edit Mermaid code

Replace the sample below, or load another example.

Load example

Preparing the local renderer without uploading your diagram.Preparing editor…

flowchart LR
  Docs[Source Documents] --> Chunk[Chunk + Clean Text]
  Chunk --> Embed[Generate Embeddings]
  Embed --> VectorDB[(Vector Database)]
  User[User Question] --> QueryEmbed[Query Embedding]
  QueryEmbed --> Search[Similarity Search]
  VectorDB --> Search
  Search --> Rerank[Rerank Context]
  Rerank --> Prompt[Build Prompt]
  Prompt --> LLM[LLM]
  LLM --> Answer[Grounded Answer]
  Answer --> Citations[Show Citations]

Live previewSample preview · Clean Docs

Preparing local editor…

Render & export

Export controls activate after your diagram renders locally.

Flowchart

Mode

Default renderNative MermaidOptimized exportStyled download

Export style

Clean DocsGitHub READMEWarm EditorialWhiteboard SketchTransparent DocsGitHub DarkSlide DarkDeep Ocean

Scale

1x2x4x

Or exact width, e.g. 1200px wide

Output: White · comfortable padding

Size: calculated after render

Filename: mermaid-flowchart-white-2x.png