Vorlage:Beispielgraph: Unterschied zwischen den Versionen

Aus KGS-Wiki
Vorlage erstellt
 
K Doku in Unterseite ausgelagert.
Zeile 28: Zeile 28:
<noinclude>
<noinclude>
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. Bei der Angabe von hexadezimalen RGB-Farbwerten müssen Großbuchstaben verwendet werden.
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. Bei der Angabe von hexadezimalen RGB-Farbwerten müssen Großbuchstaben verwendet werden.
{{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}}}}
{{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}}}}
{{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}}}}
 
{{/Doku}}
 
<templatedata>
{
"params": {
"A": {
"label": "Knotenfarbe A",
            "description": "",
"example": "#C0FFEE",
"type": "string"
},
"node": {
"label": "Standard-Knotenfarbe",
            "description": "",
"example": "red",
"type": "string"
},
"B": {
"label": "Knotenfarbe B",
            "description": "",
"example": "none",
"type": "string"
},
"C": {
"label": "Knotenfarbe C",
            "description": "",
"example": "purple",
"type": "string"
},
"D": {
"label": "Knotenfarbe D",
            "description": "",
"example": "lightblue",
"type": "string"
},
"E": {
"label": "Knotenfarbe E",
            "description": "",
"example": "#424242",
"type": "string"
},
"link": {
"label": "Standard-Kantenfarbe",
            "description": "",
"example": "green",
"type": "string"
},
"AB": {
"label": "Kantenfarbe AB",
            "description": "",
"example": "teal",
"type": "string"
},
"BC": {
"label": "Kantenfarbe BC",
            "description": "",
"example": "#C01012",
"type": "string"
},
"AC": {
"label": "Kantenfarbe AC",
            "description": "",
"example": "#41BABE",
"type": "string"
},
"BD": {
"label": "Kantenfarbe BD",
            "description": "",
"example": "#7A551E",
"type": "string"
},
"BE": {
"label": "Kantenfarbe BE",
            "description": "",
"example": "crimson",
"type": "string"
},
"CD": {
"label": "Kantenfarbe CD",
            "description": "",
"example": "black",
"type": "string"
},
"DE": {
"label": "Kantenfarbe DE",
            "description": "",
"example": "#BADA55",
"type": "string"
}
},
    "description": "",
"paramOrder": [
"node",
"A",
"B",
"C",
"D",
"E",
"link",
"AB",
"AC",
"BC",
"BD",
"BE",
"CD",
"DE"
],
"format": "inline"
}
</templatedata>
 
</noinclude>
</noinclude>

Version vom 4. Dezember 2023, 02:10 Uhr

3
7
1
5
1
2
7
A
B
C
D
E
{{Beispielgraph}}

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 AB, AC, BC usw. festgelegt werden. Die Standardfarbe für Kanten kann mit dem Parameter link festgelegt werden. Für Farben ist die CSS-Syntax zu verwenden. Bei der Angabe von hexadezimalen RGB-Farbwerten müssen Großbuchstaben verwendet werden.

3
7
1
5
1
2
7
A
B
C
D
E
{{Beispielgraph|E=blue|BD=#10AEBE}}
3
7
1
5
1
2
7
A
B
C
D
E
{{Beispielgraph|node=#ABCDEF|link=fuchsia}}
3
7
1
5
1
2
7
A
B
C
D
E
{{Beispielgraph|A=red|B=#C0FFEE|node=green
|AB=#BADB01|CD=black|link=pink}}

Keine Beschreibung.

Vorlagenparameter[Vorlagendaten bearbeiten]

Diese Vorlage bevorzugt Inline-Formatierung von Parametern.

ParameterBeschreibungTypStatus
Standard-Knotenfarbenode

keine Beschreibung

Beispiel
red
Mehrzeiliger Textoptional
KnotenfarbeA B C D E

Für jeden Knoten kann eine individuelle Farbe vergeben werden, entweder als CSS-Farbname oder als RGB-Hex-Code.

Beispiel
red, blue, #C0FFEE
Mehrzeiliger Textoptional
KnotenbeschriftungenATEXT 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.

Standard
A, B, C, D, E
Mehrzeiliger Textoptional
Standard-Kantenfarbelink

keine Beschreibung

Beispiel
green
Mehrzeiliger Textoptional
KantenfarbenAB 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

Beispiel
teal, #BADB01, #C01012
Mehrzeiliger Textoptional
KantengewichteABWT ACWT BCWT BDWT BEWT CDWT DEWT

Für jede Kante kann das Gewicht individuell verändert werden.

Standard
ABWT = 3, ACWT = 1, BCWT = 7, BDWT = 5, BEWT = 1, CDWT = 2, DEWT = 7
Beispiel
42
Zahlenwertoptional
Weitere Mermaid-BefehleADDITA

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.

Beispiel
newNode(["Noch ein Knoten"]); a -- 42 --- newNode
Mehrzeiliger Textoptional