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, 01:10 Uhr

{{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 , , 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.

{{Beispielgraph|E=blue|BD=#10AEBE}}
{{Beispielgraph|node=#ABCDEF|link=fuchsia}}
{{Beispielgraph|A=red|B=#C0FFEE|node=green
|AB=#BADB01|CD=black|link=pink}}

Keine Beschreibung.

Vorlagenparameter

Diese Vorlage bevorzugt Inline-Formatierung von Parametern.

ParameterBeschreibungTypStatus
Standard-Knotenfarbenode

keine Beschreibung

Beispiel
red
Zeichenfolgeoptional
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
Zeichenfolgeoptional
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
Zeichenfolgeoptional
Standard-Kantenfarbelink

keine Beschreibung

Beispiel
green
Zeichenfolgeoptional
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
Zeichenfolgeoptional
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
Nummeroptional
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
Zeichenfolgeoptional