Vorlage:Beispielgraph: Unterschied zwischen den Versionen
Sn (Diskussion | Beiträge) K (Doku in Unterseite ausgelagert.) |
Sn (Diskussion | Beiträge) (ADDITA ergänzt) |
||
Zeile 12: | Zeile 12: | ||
c -- 2 --- d | c -- 2 --- d | ||
d -- 7 --- e | d -- 7 --- e | ||
{{{ADDITA|}}} | |||
style a fill:{{{A|{{{node|}}}}}}; | style a fill:{{{A|{{{node|}}}}}}; | ||
style b fill:{{{B|{{{node|}}}}}}; | style b fill:{{{B|{{{node|}}}}}}; | ||
Zeile 25: | Zeile 26: | ||
{{#if:{{{CD|}}}|linkStyle 5 stroke:{{{CD}}}, fill:none;|}} | {{#if:{{{CD|}}}|linkStyle 5 stroke:{{{CD}}}, fill:none;|}} | ||
{{#if:{{{DE|}}}|linkStyle 6 stroke:{{{DE}}}, fill:none;|}} | {{#if:{{{DE|}}}|linkStyle 6 stroke:{{{DE}}}, fill:none;|}} | ||
}}</onlyinclude>|CAPTION=<code><nowiki>{{Beispielgraph}}</nowiki></code>}} | }} | ||
</onlyinclude>|CAPTION=<code><nowiki>{{Beispielgraph}}</nowiki></code>}} | |||
<noinclude> | <noinclude> | ||
{{Thumbnailbox|CAPTION=<code><nowiki>{{Beispielgraph|E=blue|BD=#10AEBE}}</nowiki></code> | {{Thumbnailbox|CAPTION=<code><nowiki>{{Beispielgraph|E=blue|BD=#10AEBE}}</nowiki></code> | ||
|INHALT={{Beispielgraph|E=blue|BD=#10AEBE}}}} | |INHALT={{Beispielgraph|E=blue|BD=#10AEBE}}}} | ||
Zeile 34: | Zeile 35: | ||
{{Thumbnailbox|CAPTION=<code><nowiki>{{Beispielgraph|A=red|B=#C0FFEE|node=green</nowiki></code><br/><code><nowiki>|AB=#BADB01|CD=black|link=pink}}</nowiki></code> | {{Thumbnailbox|CAPTION=<code><nowiki>{{Beispielgraph|A=red|B=#C0FFEE|node=green</nowiki></code><br/><code><nowiki>|AB=#BADB01|CD=black|link=pink}}</nowiki></code> | ||
|INHALT={{Beispielgraph|A=red|B=#C0FFEE|node=green|AB=#BADB01|CD=black|link=pink}}}} | |INHALT={{Beispielgraph|A=red|B=#C0FFEE|node=green|AB=#BADB01|CD=black|link=pink}}}} | ||
{{Thumbnailbox|CAPTION=<code><nowiki>{{Beispielgraph|A=red|B=#FA7B01</nowiki></code><br/><code><nowiki>|ADDITA=f{F}; a -- 2 --- f; b -- 4 --- f}}</nowiki></code> | |||
|INHALT={{Beispielgraph|A=red|B=#FA7B01|ADDITA=f{F}; a -- 2 --- f; b -- 4 --- f}}}} | |||
{{Thumbnailbox|CAPTION=<code><nowiki>{{Beispielgraph|link=green</nowiki></code><br/><code><nowiki>|ADDITA=subgraph abc; a; b; c; end; b((Not B))}}</nowiki></code> | |||
|INHALT={{Beispielgraph|link=green|ADDITA=subgraph abc; a; b; c; end; b((Not B))}}}} | |||
Dieser Graph kann als Beispiel genutzt werden, um den Ablauf von Graphalgorithmen zu illustrieren. Die Farben der Knoten können mit den Parametern <code>A</code> bis <code>E</code> festgelegt werden, der Parameter <code>node</code> legt eine Standardfarbe für alle nicht anderweitig definierten Knoten fest. Ähnlich können mit den Parametern <code>AB</code>, <code>AC</code>, <code>BC</code> usw. die Farben der Kanten <math>\overline{AB}</math>, <math>\overline{AC}</math>, <math>\overline{BC}</math> usw. festgelegt werden. Die Standardfarbe für Kanten kann mit dem Parameter <code>link</code> festgelegt werden. Für Farben ist die CSS-Syntax zu verwenden. Der Parameter <code>ADDITA</code> darf weitere Elemente in Mermaid-Syntax enthalten, etwa weitere Knoten und Kanten oder Subgraphen; diese müssen mit Semikola getrennt sein. | |||
{{/Doku}} | {{/Doku}} | ||
</noinclude> | </noinclude> |
Version vom 4. Dezember 2023, 14:51 Uhr
Dieser Graph kann als Beispiel genutzt werden, um den Ablauf von Graphalgorithmen zu illustrieren. Die Farben der Knoten können mit den Parametern A
bis E
festgelegt werden, der Parameter node
legt eine Standardfarbe für alle nicht anderweitig definierten Knoten fest. Ähnlich können mit den Parametern AB
, AC
, BC
usw. die Farben der Kanten , , usw. festgelegt werden. Die Standardfarbe für Kanten kann mit dem Parameter link
festgelegt werden. Für Farben ist die CSS-Syntax zu verwenden. Der Parameter ADDITA
darf weitere Elemente in Mermaid-Syntax enthalten, etwa weitere Knoten und Kanten oder Subgraphen; diese müssen mit Semikola getrennt sein.
Keine Beschreibung.
Parameter | Beschreibung | Typ | Status | |
---|---|---|---|---|
Standard-Knotenfarbe | node | keine Beschreibung
| Zeichenfolge | optional |
Knotenfarbe | A B C D E | Für jeden Knoten kann eine individuelle Farbe vergeben werden, entweder als CSS-Farbname oder als RGB-Hex-Code.
| Zeichenfolge | optional |
Knotenbeschriftungen | ATEXT BTEXT CTEXT DTEXT ETEXT | Für jeden Knoten kann eine andere Beschriftung angegeben werden. Soll zusätzlich auch die Form des Knotens geändert werden, muss dies in <code>ADDITA</code> angegeben werden.
| Zeichenfolge | optional |
Standard-Kantenfarbe | link | keine Beschreibung
| Zeichenfolge | optional |
Kantenfarben | AB AC BC BD BE CD DE | Für jede Kante kann eine individuelle Farbe angegeben werden, sei es als CSS-Farbname, sei es als RGB-Hex-Code
| Zeichenfolge | optional |
Kantengewichte | ABWT ACWT BCWT BDWT BEWT CDWT DEWT | Für jede Kante kann das Gewicht individuell verändert werden.
| Nummer | optional |
Weitere Mermaid-Befehle | ADDITA | Unter diesem Parameter kann weiterer Mermaid-Code eingefügt werden, etwa um neue Knoten und Kanten hinzuzufügen oder bestehende zu ändern. Die einzelnen Anweisungen müssen mit Semikola getrennt werden.
| Zeichenfolge | optional |