Skip to content

Beispiel-Galerie & Traceability

Kuratierte Golden Samples aus examples/gen2/remote_testing/.

Traceability-Matrix

Diagrammtyp Theme-Mechanismus Golden Sample Style-Guide-Kapitel
Sequence !startsub sequence, CSS Padding sequencemodel.puml Sequence
Sequence (Elemente) participant, actor, … sequence.puml Sequence
Class !startsub class class_model.puml Class & Data
Datenmodell (ER) entity, <<external>> datamodel.puml Class & Data
Use Case !startsub usecase, rectangle usecase.puml Use Case
Activity !startsub activity, swimlane activity_model.puml Activity
Activity (Prozess) partition, PI-Prozess piprocess.puml Activity
State !startsub state state.puml State
System / C4 Bundle + C4-Stereotypen systemmodel_with_levels.puml System & C4
System (L1/L2) puml-theme-gen2-system systemmodel.puml System & C4
Gantt <style> ganttDiagram + Bundle gantt.puml Gantt
Projektplan Gantt Bundle projectplan.puml Gantt
Mindmap <style> mindmapDiagram (hardcoded) mindmap.puml Mindmap & WBS
WBS <style> wbsDiagram (hardcoded) wbs.puml Mindmap & WBS
Deployment component, node, … deployment.puml Deployment
nwdiag <style> nwdiagDiagram nwdiag.puml Data & Misc
JSON Global defaults json.puml Data & Misc
YAML Global defaults yaml.puml Data & Misc
Timing Global defaults timing.puml Data & Misc
Object !startsub object object.puml Data & Misc
SWEP Datamodel Class + rectangle softwarefactory_datamodel.puml Class & Data

Light / Dark — zentrale Beispiele

Sequence

@startuml
!include https://raw.githubusercontent.com/doubleSlashde/umltheme/main/doubleslash/doubleslash-gen2.puml
participant A
participant B
A -> B : styled by theme
@enduml

@startuml
!include https://raw.githubusercontent.com/doubleSlashde/umltheme/main/doubleslash/dark.puml
participant A
participant B
A -> B : request
@enduml

Class

@startuml
!$PUML_MODE = "light"
!$PUML_BGCOLOR = "white"
!include https://raw.githubusercontent.com/doubleSlashde/umltheme/main/doubleslash/doubleslash-gen2.puml
class Example
@enduml

@startuml
!$PUML_MODE = "dark"
!$PUML_BGCOLOR = "#1E1E1E"
!include https://raw.githubusercontent.com/doubleSlashde/umltheme/main/doubleslash/doubleslash-gen2.puml
class Example
@enduml

System / C4

@startuml
!include https://raw.githubusercontent.com/doubleSlashde/umltheme/main/doubleslash/puml-theme-gen2-system.puml
rectangle "Shop System" <<context>> {
  rectangle "Web Application" <<container>> {
    rectangle "Order Service" <<module>> {
      rectangle "OrderController.java" <<code>>
    }
  }
}
@enduml

@startuml
!$PUML_MODE = "dark"
!$PUML_BGCOLOR = "#1E1E1E"
!include https://raw.githubusercontent.com/doubleSlashde/umltheme/main/doubleslash/puml-theme-gen2-system.puml
rectangle "Shop System" <<context>> {
  rectangle "Web Application" <<container>> {
    rectangle "Order Service" <<module>>
  }
}
@enduml

Activity

@startuml
!include https://raw.githubusercontent.com/doubleSlashde/umltheme/main/doubleslash/light.puml
start
:Activity;
stop
@enduml

@startuml
!include https://raw.githubusercontent.com/doubleSlashde/umltheme/main/doubleslash/dark.puml
start
:Activity;
stop
@enduml

Mindmap

@startmindmap
!include https://raw.githubusercontent.com/doubleSlashde/umltheme/main/doubleslash/light.puml
* Root
** Branch
@endmindmap

Warning

Mindmap <style> nutzt hardcoded Light-Farben — Dark-Rendering weicht ab. Siehe Mindmap & WBS.

Lokale vs. Remote Includes

Ordner Include-Stil
local_testing/ Relative Pfade ../../doubleslash/...
remote_testing/ GitHub raw URLs

Weitere Kataloge

Narrated Beispiele: examples/input/ — siehe Examples