## [CI/CD Pipeline Diagrams in Confluence with Mermaid (Copy-Paste)](/blog/mermaid-ci-cd-pipeline-diagram-confluence.md)

September 24, 2026 ·

<!-- -->

6 min read

[NGPilot](https://ngpilot.com)

A build fails at 4pm, and the fix's pipeline takes 40 minutes to re-run from the top because someone decided every stage needs to re-validate. That wasted hour is not a code problem — it is a **documentation** problem. Nobody could see the pipeline's shape, so nobody saw the retry loop and the gate that would have caught the failure three stages earlier.

**Quick answer:** put the pipeline's shape in Confluence as a Mermaid `flowchart`, rendered by [Mermaid Plus for Confluence](https://marketplace.atlassian.com/apps/1236814/mermaid-plus-diagrams-for-confluence/). Text-based, editable, diffable — a pipeline diagram that changes when your pipeline changes. This post gives you three copy-paste examples: the linear stage view, quality gates with retry loops, and the deploy-to-tag gitGraph that records what actually shipped.

**Tags:**

* [confluence](/blog/tags/confluence.md)
* [mermaid](/blog/tags/mermaid.md)
* [ci-cd](/blog/tags/ci-cd.md)
* [devops](/blog/tags/devops.md)
* [flowchart](/blog/tags/flowchart.md)
* [gitgraph](/blog/tags/gitgraph.md)
* [how-to](/blog/tags/how-to.md)

[**Read more**](/blog/mermaid-ci-cd-pipeline-diagram-confluence.md)