Administrator: 1 wersja

2026-05-19T14:09:37Z

1 wersja

← poprzednia wersja	Wersja z 14:09, 19 maj 2026
(Brak różnic)

*>Kprzybylowicz o 05:07, 21 kwi 2025

2025-04-21T05:07:01Z

Nowa strona

[[Category:Diagrams]]
[[File:Plantuml.png|thumb|[[PlantUML Diagram sample]]]]
[[File:Diagramipv4.png|thumb|[[Bytefield Diagram sample]]]]
[[File:Ditaadiagram.png|thumb|[[Ditaa Diagram sample]]]]
[[File:Erddiagram.png|thumb|[[Erd Diagram sample]]]]
[[File:Seqdiag.png|thumb|[[SeqDiag Diagram sample]]]]
[[File:Packet.png|thumb|[[Packetdiag sample]]]]
'''Mermaid Sequence diagram'''<kroki lang="mermaid">sequenceDiagram
participant Alice
participant Bob
Alice->John: Hello John, how are you?
loop Healthcheck
John->John: Fight against hypochondria
end
Note right of John: Rational thoughts prevail...
John-->Alice: Great!
John->Bob: How about you?
Bob-->John: Jolly good!</kroki>'''Mermaid Class diagrams'''<kroki lang="mermaid">classDiagram
note "From Duck till Zebra"
Animal <|-- Duck
note for Duck "can fly\ncan swim\ncan dive\ncan help in debugging"
Animal <|-- Fish
Animal <|-- Zebra
Animal : +int age
Animal : +String gender
Animal: +isMammal()
Animal: +mate()
class Duck{
+String beakColor
+swim()
+quack()
}
class Fish{
-int sizeInFeet
-canEat()
}
class Zebra{
+bool is_wild
+run()
}</kroki>'''Mermaid Classes and Annotations'''<kroki lang="mermaid">
classDiagram
class BankAccount
BankAccount : +String owner
BankAccount : +Bigdecimal balance
BankAccount : +deposit(amount)
BankAccount : +withdrawal(amount)
class Shape{
<<interface>>
noOfVertices
draw()
}
class Color{
<<enumeration>>
RED
BLUE
GREEN
WHITE
BLACK
}
</kroki>'''Mermaid, setting the direction of the diagram'''<kroki lang="mermaid">
classDiagram
direction RL
class Student {
-idCard : IdCard
}
class IdCard{
-id : int
-name : string
}
class Bike{
-id : int
-name : string
}
Student "1" --o "1" IdCard : carries
Student "1" --o "1" Bike : rides

</kroki>BPMN diagram<kroki lang="bpmn"><?xml version="1.0" encoding="UTF-8"?>
<definitions xmlns="http://www.omg.org/spec/BPMN/20100524/MODEL"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI"
xmlns:omgdc="http://www.omg.org/spec/DD/20100524/DC"
xmlns:omgdi="http://www.omg.org/spec/DD/20100524/DI"
typeLanguage="http://www.w3.org/2001/XMLSchema"
expressionLanguage="http://www.w3.org/1999/XPath"
targetNamespace="http://bpmn.io/schema/bpmn">
<process id="Process_1" isExecutable="false">
<startEvent id="StartEvent_1"/>
</process>
<bpmndi:BPMNDiagram id="BPMNDiagram_1">
<bpmndi:BPMNPlane id="BPMNPlane_1" bpmnElement="Process_1">
<bpmndi:BPMNShape id="_BPMNShape_StartEvent_2" bpmnElement="StartEvent_1">
<omgdc:Bounds x="152" y="102" width="36" height="36"/>
</bpmndi:BPMNShape>
</bpmndi:BPMNPlane>
</bpmndi:BPMNDiagram>
</definitions></kroki>Actdiag Diagram<kroki lang="actdiag">
actdiag {
write -> convert -> image

lane user {
label = "User"
write [label = "Writing reST"];
image [label = "Get diagram IMAGE"];
}
lane actdiag {
convert [label = "Convert reST to Image"];
}
}
</kroki>Rackdiag Diagram<kroki lang="rackdiag">
rackdiag {
// define height of rack
16U;

// define rack items
1: UPS [2U];
3: DB Server
4: Web Server
5: Web Server
6: Web Server
7: Load Balancer
8: L3 Switch
}

</kroki>

Test Flows - Historia wersji

Administrator: 1 wersja

*>Kprzybylowicz o 05:07, 21 kwi 2025