Skip to content

The example output of Mermaid format documented in README differs from the actual output #421

@honganji

Description

@honganji

Problem

I exported Markdown (Mermaid format) documented in the README using this tool.
As a result, the appearance was different from the README content.
I tested all output methods (pdf, html, png, jpeg), but all produced the same output result.

Reproduction Steps

  1. Include the following markdown (copied from the README)
stateDiagram
    [*] --> First
    state First {
        [*] --> second
        second --> [*]
    }
  1. Right-click → Markdown PDF: Export(png)
Image

Output Result

Expected Actual

Possible Cause

I guess the difference mentioned above is due to the version difference between the Mermaid version used at the time and the Mermaid version currently in use.

Environment

Since Mermaid rendering is built into Chrome, which is used for rendering output, I am including the Chrome version used this time.
Chrome: 144.0.7559.110
Markdown PDF: 1.5.0
Visual Studio Code: 1.108.2

My Opinion

Since the actual output is different, I believe the screenshot in the README should be replaced.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions