# Discourse Mermaid

**URL:** <https://meta.discourse.org/t/discourse-mermaid/218242>\
**Category:** Theme component\
**Tags:** official, mermaid\
**Created:** [February 15, 2022, 2:16pm UTC](https://meta.discourse.org/t/discourse-mermaid/218242 "2022-02-15T14:16:15Z")\
**Posts on this page:** 1\
**Showing post:** 43

<div class="post-metadata">

**Author:** ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)\
**Post date:** [December 25, 2023, 9:54pm UTC](https://meta.discourse.org/t/discourse-mermaid/218242/43 "2023-12-25T21:54:11Z")

</div>

Hi, welcome 👋

This doesn’t generate an image. It renders an SVG HTML element. If you refer to the example in the first post, it is meant to be a screenshot of the result. I understand it might be confusing. You can see a live example below:

```mermaid
graph TD;
  A --> B;

```

---

_[View the full topic](https://meta.discourse.org/t/discourse-mermaid/218242)._