Vorlage:Beispielgraph: Unterschied zwischen den Versionen
Sn (Diskussion | Beiträge) (ADDITA ergänzt) |
Sn (Diskussion | Beiträge) (Labels und Kanten veränderbar) |
||
Zeile 1: | Zeile 1: | ||
{{Thumbnailbox|INHALT=<onlyinclude>{{#mermaid:graph LR | {{Thumbnailbox|INHALT=<onlyinclude>{{#mermaid:graph LR | ||
a((A)) | a(({{{ATEXT|A}}})) | ||
b((B)) | b(({{{BTEXT|B}}})) | ||
c((C)) | c(({{{CTEXT|C}}})) | ||
d((D)) | d(({{{DTEXT|D}}})) | ||
e((E)) | e(({{{ETEXT|E}}})) | ||
a -- 3 --- b | a -- {{{ABWT|3}}} --- b | ||
b -- 7 --- c | b -- {{{BCWT|7}}} --- c | ||
a -- 1 --- c | a -- {{{ACWT|1}}} --- c | ||
b -- 5 --- d | b -- {{{BDWT|5}}} --- d | ||
b -- 1 --- e | b -- {{{BEWT|1}}} --- e | ||
c -- 2 --- d | c -- {{{CDWT|2}}} --- d | ||
d -- 7 --- e | d -- {{{DEWT|7}}} --- e | ||
{{{ADDITA|}}} | {{{ADDITA|}}} | ||
style a fill:{{{A|{{{node|}}}}}}; | style a fill:{{{A|{{{node|}}}}}}; | ||
Zeile 29: | Zeile 29: | ||
</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|BDWT=-5}}</nowiki></code> | ||
|INHALT={{Beispielgraph|E=blue|BD=#10AEBE}}}} | |INHALT={{Beispielgraph|E=blue|BD=#10AEBE|BDWT=-5}}}} | ||
{{Thumbnailbox|CAPTION=<code><nowiki>{{Beispielgraph|node=#ABCDEF|link=fuchsia}}</nowiki></code> | {{Thumbnailbox|CAPTION=<code><nowiki>{{Beispielgraph|node=#ABCDEF|link=fuchsia}}</nowiki></code> | ||
|INHALT={{Beispielgraph|node=#ABCDEF|link=fuchsia}}}} | |INHALT={{Beispielgraph|node=#ABCDEF|link=fuchsia}}}} | ||
Zeile 37: | Zeile 37: | ||
{{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> | {{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}}}} | |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 | {{Thumbnailbox|CAPTION=<code><nowiki>{{Beispielgraph|link=green</nowiki></code><br/><code><nowiki>|ADDITA=subgraph abc; a; b; c; end|BTEXT=Not B}}</nowiki></code> | ||
|INHALT={{Beispielgraph|link=green|ADDITA=subgraph abc; a; b; c; end; b((Not B))}}}} | |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. | 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 20. Februar 2024, 15:53 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 |