diff --git a/website/pages/docs/features/components.mdx b/website/pages/docs/features/components.mdx
index 7c83368..ab8272d 100644
--- a/website/pages/docs/features/components.mdx
+++ b/website/pages/docs/features/components.mdx
@@ -18,7 +18,35 @@ Otherwise, let's study about the key components of the `TGrid`.
 
 
 ## Communicator
-![Sequence Diagram](/images/diagrams/sequence.png)
+```mermaid
+sequenceDiagram
+box Client Application
+  actor User
+  participant Driver as Driver<Listener>
+  participant Connector as Communicator (Client)
+end
+box Server Application
+  participant Acceptor as Communicator (Server)
+  actor Provider
+end
+User->>Driver: 1. calls a function
+Activate User
+Activate Driver
+Driver->>Connector: 2. delivers the function call
+Activate Connector
+Deactivate Driver
+Connector-->>Acceptor: 3. sends a protocolized<br/>network message<br/>meaning a function call
+Deactivate Connector
+Activate Acceptor
+Acceptor->>Provider: 4. calls the function
+Provider->>Acceptor: 5. returns a value
+Acceptor-->>Connector: 6. sends a protocolized<br/>network message<br/>meaning a return value
+Deactivate Acceptor
+Activate Connector
+Connector->>User: 7. delivers the return value
+Deactivate Connector
+Deactivate User
+```
 
 Communicates with a remote system.
 
diff --git a/website/public/images/diagrams/sequence.png b/website/public/images/diagrams/sequence.png
deleted file mode 100644
index 121a3d7..0000000
Binary files a/website/public/images/diagrams/sequence.png and /dev/null differ