diff --git a/docs/architecture/diagrams/model_timeline.md b/docs/architecture/diagrams/model_timeline.md
index 2f8991ed6..6a0adda2a 100644
--- a/docs/architecture/diagrams/model_timeline.md
+++ b/docs/architecture/diagrams/model_timeline.md
@@ -19,7 +19,12 @@ A more complete diagram of the data models, their fields, and their
relationships are in [models_diagram.md](./models_diagram.md), created with
the `django-model2puml` plugin.
-```mermaid
+![./model_timeline.svg]
+
+
+PlantUML source code
+```plantuml
+@startuml
allowmixing
left to right direction
@@ -130,4 +135,7 @@ user2 -[#green]-> DomainInformation : **/domain//?????**
actor user3 #Green
user3 -right[#green]-> UserDomainRole : **/domain//users/add**
user3 -right[#green]-> DomainInvitation : **/domain//users/add**
+
+@enduml
```
+
diff --git a/docs/architecture/diagrams/model_timeline.svg b/docs/architecture/diagrams/model_timeline.svg
new file mode 100644
index 000000000..fb466ec21
--- /dev/null
+++ b/docs/architecture/diagrams/model_timeline.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/docs/architecture/diagrams/models_diagram.md b/docs/architecture/diagrams/models_diagram.md
index b06c8807a..95d8c0a58 100644
--- a/docs/architecture/diagrams/models_diagram.md
+++ b/docs/architecture/diagrams/models_diagram.md
@@ -8,7 +8,11 @@ using the command
$ docker compose app ./manage.py generate_puml --include registrar
```
-```mermaid
+![./models_diagram.svg]
+
+
+PlantUML source code
+```plantuml
@startuml
class "registrar.Contact " as registrar.Contact #d6f4e9 {
contact
@@ -260,3 +264,4 @@ class "registrar.Website " as registrar.Website #d6f4e9 {
@enduml
```
+
diff --git a/docs/architecture/diagrams/models_diagram.svg b/docs/architecture/diagrams/models_diagram.svg
new file mode 100644
index 000000000..40d0b57b9
--- /dev/null
+++ b/docs/architecture/diagrams/models_diagram.svg
@@ -0,0 +1 @@
+
\ No newline at end of file