Updated UMLs

Author: dizzydroid

Behavioral Patterns/chain-of-responsibility/README.md

@@ -52,9 +52,33 @@ To see the Chain of Responsibility Pattern in action, refer to the [`Main.java`]
 
 ## 📊 UML Diagram
 
-Here’s the UML representation of the Chain of Responsibility Pattern:
+```mermaid
+classDiagram
+direction TB
+    class Client {
+    }
 
-![Chain of Responsibility UML](./chain-of-responsibility_uml.png)
+    class Handler {
+        +handleRequest()
+    }
+
+    class ConcreteHandler1 {
+        +handleRequest()
+    }
+
+    class ConcreteHandler2 {
+        +handleRequest()
+    }
+
+    Handler <--o Handler : successor
+    Client --> Handler : " send command "
+    Handler <|-- ConcreteHandler1
+    Handler <|-- ConcreteHandler2
+
+
+```
+> [!NOTE]
+> If the UML above is not rendering correctly, you can view the diagram from the [`singleton_uml.png`](./singleton_uml.png) file.
 
 ---
 

Behavioral Patterns/command/README.md

@@ -34,9 +34,38 @@ To see the Command Pattern in action, refer to the [`Main.java`](./Main.java) fi
 
 ## 📊 UML Diagram
 
-Here’s the UML representation of the State Pattern:
-
-![Command UML](./command_uml.png)
+```mermaid
+classDiagram
+direction LR
+    class Client {
+    }
+
+    class Invoker {
+    }
+
+    class Command {
+        +Execute()
+    }
+
+    class ConcreteCommand {
+        -state
+        +Execute()
+    }
+
+    class Receiver {
+        +Action()
+    }
+
+    Client --> Invoker
+    Invoker o--> Command
+    Command <|-- ConcreteCommand
+    ConcreteCommand --> Receiver : receiver
+    Client --> Receiver
+    Client --> ConcreteCommand
+
+```
+> [!NOTE]
+> If the UML above is not rendering correctly, you can view the diagram from the [`command_uml.png`](./command_uml.png) file.
 ---
 
 ## 📝 Key Takeaways

Behavioral Patterns/iterator/README.md

@@ -51,9 +51,38 @@ To see the Iterator Pattern in action, refer to the [`Main.java`](./Main.java) f
 
 ## 📊 UML Diagram
 
-Here’s the UML representation of the Iterator Pattern:
-
-![Iterator UML](./iterator_uml.png)
+```mermaid
+classDiagram
+    class Aggregate {
+        +CreateIterator()
+    }
+
+    class ConcreteAggregate {
+        +CreateIterator()
+    }
+
+    class Iterator {
+        +First()
+        +Next()
+        +hasNext()
+    }
+
+    class ConcreteIterator {
+        +First()
+        +Next()
+        +hasNext()
+    }
+
+    Client --> Iterator
+    Client --> Aggregate
+    Aggregate <|-- ConcreteAggregate
+    Iterator <|-- ConcreteIterator
+    ConcreteAggregate --> ConcreteIterator : constructs
+    ConcreteIterator --> ConcreteAggregate : has (traverses)
+
+```
+> [!NOTE]
+> If the UML above is not rendering correctly, you can view the diagram from the [`iterator_uml.png`](./iterator_uml.png) file.
 
 ---
 

Behavioral Patterns/mediator/README.md

@@ -26,8 +26,39 @@ Key features:
 ---
 
 ## 📊 UML Diagram
+```mermaid
+classDiagram
+direction LR
+    class Mediator {
+        +mediate()
+    }
 
-![Mediator UML](./mediator_uml.png)
+    class ConcreteMediator {
+        +mediate()
+    }
+
+    class Colleague {
+        +operation()
+    }
+
+    class ConcreteColleagueA {
+        +operationA()
+    }
+
+    class ConcreteColleagueB {
+        +operationB()
+    }
+
+    Mediator <|-- ConcreteMediator
+    Colleague <|-- ConcreteColleagueA
+    Colleague <|-- ConcreteColleagueB
+    Colleague --> Mediator : mediator
+    ConcreteMediator --> ConcreteColleagueA
+    ConcreteMediator --> ConcreteColleagueB
+
+```
+> [!NOTE]
+> If the UML above is not rendering correctly, you can view the diagram from the [`mediator_uml.png`](./mediator_uml.png) file.
 
 ---
 

Behavioral Patterns/observer/README.md

@@ -42,9 +42,37 @@ To see the Observer Pattern in action, refer to the [`WeatherStation.java`](./We
 
 ## 📊 UML Diagram
 
-Here’s the UML representation of the Observer Pattern:
-
-![Observer UML](./observer_uml.png)
+```mermaid
+classDiagram
+    class Subject {
+        -observers : Observer
+        +Attach()
+        +Detach()
+        +Notify()
+    }
+
+    class Observer {
+        +Update()
+    }
+
+    class ConcreteSubject {
+        -state
+        +GetState()
+    }
+
+    class ConcreteObserver {
+        -subject : ConcreteSubject
+        +Update()
+    }
+
+    Subject <|-- ConcreteSubject
+    Subject o--> Observer
+    Observer <|-- ConcreteObserver
+    ConcreteSubject --> ConcreteObserver
+
+```
+> [!NOTE]
+> If the UML above is not rendering correctly, you can view the diagram from the [observer_uml.png](./observer_uml.png) file.
 
 ---
 

Behavioral Patterns/state/README.md

@@ -41,10 +41,32 @@ To see the State Pattern in action, refer to the [`TestDrive.java`](./TestDrive.
 
 ## 📊 UML Diagram
 
-Here’s the UML representation of the State Pattern:
-
-![State UML](./state_uml.png)
-
+```mermaid
+classDiagram
+direction LR
+    class Context {
+        +request()
+    }
+
+    class State {
+        +handle()
+    }
+
+    class ConcreteStateA {
+        +handle()
+    }
+
+    class ConcreteStateB {
+        +handle()
+    }
+
+    Context o--> State
+    State <|-- ConcreteStateA
+    State <|-- ConcreteStateB
+
+```
+> [!NOTE]
+> If the UML above is not rendering correctly, you can view the diagram from the [state_uml.png](./state_uml.png) file.
 ---
 
 ## 📝 Key Takeaways

Behavioral Patterns/strategy/README.md

@@ -54,9 +54,36 @@ To see the Strategy Pattern in action, refer to the [`Main.java`](./Main.java) f
 
 ## 📊 UML Diagram
 
-Here’s the UML representation of the Strategy Pattern:
-
-![Strategy UML](./strategy_uml.png)
+```mermaid
+classDiagram
+direction LR
+    class Client {
+    }
+
+    class Context {
+        -strategy : Interface
+    }
+
+    class Interface {
+        +algorithm()
+    }
+
+    class ImplementationOne {
+        +algorithm()
+    }
+
+    class ImplementationTwo {
+        +algorithm()
+    }
+
+    Client --> Context
+    Context o--> Interface
+    Interface <|-- ImplementationOne
+    Interface <|-- ImplementationTwo
+
+```
+> [!NOTE]
+> If the UML above is not rendering correctly, you can view the diagram from the [strategy_uml.png](./strategy_uml.png) file.
 
 ---
 

Behavioral Patterns/template-method/README.md

@@ -40,9 +40,34 @@ To see the Template Method Pattern in action, refer to the [`Main.java`](./Main.
 
 ## 📊 UML Diagram
 
-Here’s the UML representation of the Template Method Pattern:
-
-![Template Method UML](./template-method_uml.png)
+```mermaid
+classDiagram
+    class Client {
+    }
+
+    class AbstractClass {
+        +TemplateMethod()
+        +primitiveOperation1()
+        +primitiveOperation2()
+    }
+
+    class ConcreteClass1 {
+        +primitiveOperation1()
+        +primitiveOperation2()
+    }
+
+    class ConcreteClass2 {
+        +primitiveOperation1()
+        +primitiveOperation2()
+    }
+
+    Client --> AbstractClass
+    AbstractClass <|-- ConcreteClass1
+    AbstractClass <|-- ConcreteClass2
+
+```
+> [!NOTE]
+> If the UML above is not rendering correctly, you can view the diagram from the [`template-method_uml.png`](./template-method_uml.png) file.
 
 ---
 

Behavioral Patterns/visitor/README.md

@@ -56,9 +56,54 @@ To see the Visitor Pattern in action, refer to the [`Main.java`](./Main.java) fi
 
 ## 📊 UML Diagram
 
-Here’s the UML representation of the Visitor Pattern:
-
-![Visitor UML](./visitor_uml.png)
+```mermaid
+classDiagram
+direction LR
+    class Client {
+    }
+
+    class ObjectStructure {
+    }
+
+    class Element {
+        +Accept(Visitor)
+    }
+
+    class ElementA {
+        +Accept(v: Visitor)
+    }
+
+    class ElementB {
+        +Accept(v: Visitor)
+    }
+
+    class Visitor {
+        +VisitElementA(ElementA)
+        +VisitElementB(ElementB)
+    }
+
+    class ConcreteVisitor1 {
+        +VisitElementA(ElementA)
+        +VisitElementB(ElementB)
+    }
+
+    class ConcreteVisitor2 {
+        +VisitElementA(ElementA)
+        +VisitElementB(ElementB)
+    }
+
+    Client --> ObjectStructure
+    Client --> Visitor
+    ObjectStructure --> Element
+    Element <|-- ElementA
+    Element <|-- ElementB
+    Element --> Visitor
+    Visitor <|-- ConcreteVisitor1
+    Visitor <|-- ConcreteVisitor2
+
+```
+> [!NOTE]
+> If the UML above is not rendering correctly, you can view the diagram from the [`visitor_uml.png`](./visitor_uml.png) file.
 
 ---