# Mernyx > Mernyx ist ein nativer Mermaid-Editor für macOS. Bewege einen Knoten auf der Canvas, und der Mermaid-Quellcode wandert mit — kein WebView, kein Electron. Mernyx ist eine native macOS-App: Quellcode-Editor, echte Vektor-Canvas und Eigenschaften-Inspektor sind drei Ansichten desselben Dokuments. Mernyx rendert 34 Diagrammtypen, exportiert PNG, SVG und PDF und braucht macOS 14.0 oder neuer. Der Spickzettel unten trägt den Mermaid-Quellcode für alle 34 Diagrammtypen Mernyx-Renderings — jede Regel daneben das Diagramm, das sie erzeugt. Jedes Bild darauf hat Mernyx mit seinem eigenen Renderer gezeichnet, nicht Mermaid.js im Browser. ## Mermaid-Spickzettel - [Spickzettel](https://mernyx.com/de/cheat-sheet/index.md): Die Karte von alle 34 Diagrammtypen und die vier Regeln, die für jedes Diagramm gelten. - [Flowchart](https://mernyx.com/de/cheat-sheet/flowchart/index.md): Boxen, Pfeile und Verzweigungen — das Diagramm, das die meisten mit Mermaid meinen. - [Sequence diagram](https://mernyx.com/de/cheat-sheet/sequence/index.md): Nachrichten zwischen Beteiligten, der Reihe nach, über die Zeit. - [Class diagram](https://mernyx.com/de/cheat-sheet/class/index.md): Typen, ihre Mitglieder und wie sie zueinander stehen. - [State diagram](https://mernyx.com/de/cheat-sheet/state/index.md): Zustände, die Übergänge dazwischen und die Verzweigungen in der Mitte. - [ER diagram](https://mernyx.com/de/cheat-sheet/er/index.md): Entitäten, ihre Spalten und die Kardinalitäten dazwischen. - [Mindmap](https://mernyx.com/de/cheat-sheet/mindmap/index.md): Eine Textgliederung, die zum Baum wird, ganz ohne geschriebene Pfeile. - [Architecture diagram](https://mernyx.com/de/cheat-sheet/architecture/index.md): Services, die Gruppen, in denen sie leben, und die Kanten dazwischen. - [Requirement diagram](https://mernyx.com/de/cheat-sheet/requirement/index.md): Anforderungen, ihre Arten und das, was sie erfüllt. - [Block diagram](https://mernyx.com/de/cheat-sheet/block/index.md): Eine Wand aus Blöcken, von links nach rechts gelesen. - [Swimlane diagram](https://mernyx.com/de/cheat-sheet/swimlane/index.md): Ein Ablauf, aufgeteilt in Spuren, eine je Verantwortlichem. - [Agent flow diagram](https://mernyx.com/de/cheat-sheet/agentflow/index.md): Die Schritte eines Agenten und die Art jedes Schritts. - [Use case diagram](https://mernyx.com/de/cheat-sheet/usecase/index.md): Akteure, Anwendungsfälle und das System, das sie besitzt. - [Pie chart](https://mernyx.com/de/cheat-sheet/pie/index.md): Eine beschriftete Liste von Werten, als Sektoren gezeichnet. - [Gantt chart](https://mernyx.com/de/cheat-sheet/gantt/index.md): Aufgaben, Abschnitte und Daten, entlang einer Zeitachse gelegt. - [Quadrant chart](https://mernyx.com/de/cheat-sheet/quadrant/index.md): Zwei Achsen, vier Quadranten und die Punkte darauf. - [Radar chart](https://mernyx.com/de/cheat-sheet/radar/index.md): Eine Achse je Messwert, eine Kurve je verglichener Sache. - [Treemap](https://mernyx.com/de/cheat-sheet/treemap/index.md): Verschachtelte Rechtecke, deren Fläche der Wert ist. - [Kanban diagram](https://mernyx.com/de/cheat-sheet/kanban/index.md): Spalten von Karten, eine Spalte je Station der Arbeit. - [Packet diagram](https://mernyx.com/de/cheat-sheet/packet/index.md): Die Bits eines Netzwerkpakets, Feld für Feld. - [Info diagram](https://mernyx.com/de/cheat-sheet/info/index.md): Das Versionsbanner von Mermaid — Mernyx erkennt es, zeichnet es aber noch nicht. - [Timeline](https://mernyx.com/de/cheat-sheet/timeline/index.md): Zeiträume an einer Seite, Ereignisse daneben. - [Sankey diagram](https://mernyx.com/de/cheat-sheet/sankey/index.md): Ein Fluss, in drei Feldern pro Zeile geschrieben. - [User journey](https://mernyx.com/de/cheat-sheet/journey/index.md): Ein Weg mit einer Punktzahl an jedem Schritt. - [Venn diagram](https://mernyx.com/de/cheat-sheet/venn/index.md): Überlappende Mengen und die Bereiche, die sie teilen. - [C4 diagram](https://mernyx.com/de/cheat-sheet/c4/index.md): Die Architektursichten, auf drei Zoomstufen. - [Cynefin diagram](https://mernyx.com/de/cheat-sheet/cynefin/index.md): Fünf Domänen, jede mit ihrer eigenen Art zu entscheiden. - [Git graph](https://mernyx.com/de/cheat-sheet/gitgraph/index.md): Eine Branch-Historie, gezeichnet. - [XY chart](https://mernyx.com/de/cheat-sheet/xychart/index.md): Ein Liniendiagramm oder ein Balkendiagramm auf zwei Achsen. - [Wardley map](https://mernyx.com/de/cheat-sheet/wardley/index.md): Wo eine Komponente bei Sichtbarkeit und Entwicklung steht. - [Railroad diagram](https://mernyx.com/de/cheat-sheet/railroad/index.md): Eine Grammatikregel, gezeichnet. - [ZenUML diagram](https://mernyx.com/de/cheat-sheet/zenuml/index.md): Ein Sequenzdiagramm, für einen Methodenaufruf geschrieben. - [Event modeling diagram](https://mernyx.com/de/cheat-sheet/eventmodeling/index.md): Wie sich die Information über die Zeit verändert hat. - [Ishikawa diagram](https://mernyx.com/de/cheat-sheet/ishikawa/index.md): Ein Problem und die Ursachen darunter. - [Tree view](https://mernyx.com/de/cheat-sheet/treeview/index.md): Ein Verzeichnislisting, gezeichnet. ## Produkt - [Überblick](https://mernyx.com/de/index.md): Was Mernyx ist, wie Canvas und Quellcode synchron bleiben und was das Fenster kann. - [Funktionsmatrix](https://mernyx.com/de/capabilities/index.md): Was die Canvas bearbeiten kann, Typ für Typ: Struktur, Stile, Beschriftungen und Zahlen — für alle 34 Diagrammtypen. - [Preise](https://mernyx.com/de/pricing/index.md): Quellcode dauerhaft kostenlos ansehen und bearbeiten; $19 einmalig für Canvas-Bearbeitung und Export in Druckqualität. - [Änderungsprotokoll](https://mernyx.com/de/changelog/index.md): Was sich in jedem Release geändert hat: die Canvas, der Quellcode-Editor, die AI-Generierung und -Reparatur und die Exporte. - [Support](https://mernyx.com/de/support/index.md): Systemanforderungen, wie du einen Fehler meldest und was mit deinen Diagrammen passiert. - [Kauf und Aktivierung](https://mernyx.com/de/thanks/index.md): Wo der Lizenzschlüssel nach einem Direktkauf landet und wie du ihn auf einem Mac aktivierst. ## Vergleich - [Mernyx vs Mermaid Live Editor](https://mernyx.com/de/compare/mermaid-live/index.md): Mechanismus für Mechanismus: wie das Diagramm gezeichnet wird, wo deine Datei liegt und was du mit der Maus ändern kannst. - [Mernyx vs VS Code](https://mernyx.com/de/compare/vs-code/index.md): Was die eingebaute Mermaid-Vorschau kann, und was es bedeutet, wenn das Diagramm die Datei ist und nicht ein Bild in einem Dokument. ## Rechtliches - [Datenschutzerklärung](https://mernyx.com/de/privacy/index.md): Kein Konto, keine Telemetrie, keine Analyse — und die drei Netzwerkaufrufe, die die App macht. - [Nutzungsbedingungen](https://mernyx.com/de/terms/index.md): Die einmalige Lizenz, was sie umfasst und welche Grenzen sie hat. ## Optional - [Mernyx auf GitHub](https://github.com/mernyx-app/mernyx): Die App selbst — der Mermaid-Compiler, der Canvas-Editor und der Renderer, der jedes Diagramm auf dieser Website zeichnet. - [Alle Seiten in einer Datei](https://mernyx.com/de/llms-full.txt): Die ganze Website als ein Markdown-Dokument: der Spickzettel mit den 34 Diagrammtypen samt Quellcode, die Produktseiten und die Rechtsdokumente.