Mermaid

Mermaid ist eine Sprache für die Erstellung von Diagrammen, Flussdiagrammen, UML-Diagrammen, ER-Diagrammen und anderen Arten von Diagrammen. Es ist eine einfache, intuitiv verständliche Sprache, die verwendet wird, um Diagramme in Textform zu beschreiben und dann automatisch in Bilder umzuwandeln. Mermaid ist besonders nützlich für Entwickler, die Diagramme direkt in ihrem Code erstellen möchten, da die Mermaid-Syntax einfach in Markdown oder HTML integriert werden kann.

Syntax:

 ```mermaid
  %%{
  init: {
      'theme': 'base',
      'themeVariables': {
      'primaryTextColor': '#000',
      "pieTitleTextSize": "20px",
      "pieSectionTextSize": "25px",
      "pie1": "red",
      "pie2": "black",
      "pie3": "green",
      "pie4": "yellow",
      "pie5": "blue",
      "pie6": "silver"
      }
  }
  }%%
  pie
  title Bundestagswahl 2021
  "SPD": 25.7
  "CDU": 24.1
  "Grüne": 14.8
  "FDP": 11.5
  "AfD": 10.3
  "Sonstige": 13.6
 ```

Ausgabe

%%{
init: {
    'theme': 'base',
    'themeVariables': {
    'primaryTextColor': '#000',
    "pieTitleTextSize": "20px",
    "pieSectionTextSize": "25px",
    "pie1": "red",
    "pie2": "black",
    "pie3": "green",
    "pie4": "yellow",
    "pie5": "blue",
    "pie6": "silver"
    }
}
}%%
pie
title Bundestagswahl 2021
"SPD": 25.7
"CDU": 24.1
"Grüne": 14.8
"FDP": 11.5
"AfD": 10.3
"Sonstige": 13.6

Das Gleiche in Graustufen, wobei hier lediglich die Angabe 'theme': 'neutral' geändert wurde.

Syntax:

 ```mermaid
    %%{
    init: {
        'theme': 'neutral'
    }
    }%%
    pie
    title Bundestagswahl 2021
    "SPD": 25.7
    "CDU": 24.1
    "Grüne": 14.8
    "FDP": 11.5
    "AfD": 10.3
    "Sonstige": 13.6
 ```

Ausgabe:

%%{
init: {
    'theme': 'neutral'
}
}%%
pie
title Bundestagswahl 2021
"SPD": 25.7
"CDU": 24.1
"Grüne": 14.8
"FDP": 11.5
"AfD": 10.3
"Sonstige": 13.6

Weiterführende Informationen zu Mermaid finden Sie unter folgendem link

Zum: Inhaltsverzeichnis