diff --git a/docs/release/trg-0/trg-1-4.md b/docs/release/trg-0/trg-1-4.md
index b30f12120a8..a82238c9951 100644
--- a/docs/release/trg-0/trg-1-4.md
+++ b/docs/release/trg-0/trg-1-4.md
@@ -1,11 +1,11 @@
 ---
-title: TRG 1.04 - Diagrams as Code
+title: TRG 1.04 - Diagrams as code / Editable static files 
 ---
 
-| Status | Created       | Post-History          |
-|--------|---------------|-----------------------|
-| Draft  | 20-Sept-2023  | created initial Draft |
-|        |               |                       |
+| Status | Created      | Post-History                                             |
+|--------|--------------|----------------------------------------------------------|
+| Draft  | 20-Sept-2023 | created initial Draft                                    |
+| Edited | 24-Okt-2023  | add draw.io as possible solution for static `.svg`-files |
 
 ## Why
 
@@ -16,7 +16,7 @@ Also updating the static files will be easier and faster to do for every committ
 
 ## Description
 
-All diagram files **must** be created with code and either stored as `.svg` file within our repositories or implemented in your documentation.
+All diagram files **must** be either created with code languages or stored as `.svg` file within our repositories.
 After a committers [decision](https://github.com/eclipse-tractusx/sig-infra/discussions/19) there are 2 languages accepted, either [PUML](https://plantuml.com/en/) or [Mermaid](https://mermaid.js.org/).
 These diagram code files (`.puml`,`.mmd`,`.mermaid`) and / or static diagram `.svg` files **must** be stored within the `docs/` folder as described in [TRG 2.03](https://eclipse-tractusx.github.io/docs/release/trg-2/trg-2-3#docs).
 In addition to this you can integrate mermaid diagrams also directly into your markdown files as code snippets.
@@ -80,11 +80,21 @@ flowchart TD
     C -->|Three| F[fa:fa-car Car]
 ```
 
+### Draw.io Example
+
+```markdown
+![alice-bob-as-image](docs/alice-bob-drawio.svg)
+```
+
+![alice-bob-as-image](../../../static/img/alice-bob-drawio.svg)
+
 ## Technical requirements
 
-- [PlantUML](https://plantuml.com/en/) or [Mermaid](https://mermaid.js.org/) must be used to create the static files.
-- Live Mermaid Editor: [Mermaid Live Editor](https://mermaid.live/edit)
-- Live PlantUML Editor: [PlantUML Live Editor](https://www.planttext.com/)
+- diagrams as code with [PlantUML](https://plantuml.com/en/) or [Mermaid](https://mermaid.js.org/)
+- static `.svg` diagram files, draw.io can be used
+- Live [Mermaid Live Editor](https://mermaid.live/edit)
+- Live [PlantUML Live Editor](https://www.planttext.com/)
+- Live [Draw.io](https://app.diagrams.net/)
 
 ## GitHub workflows
 
diff --git a/static/img/alice-bob-drawio.svg b/static/img/alice-bob-drawio.svg
new file mode 100644
index 00000000000..85a92e8e939
--- /dev/null
+++ b/static/img/alice-bob-drawio.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Do not edit this file with editors other than draw.io -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="181px" height="162px" viewBox="-0.5 -0.5 181 162" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2023-10-24T12:28:42.083Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36&quot; etag=&quot;W7Tz0mFCyyV7TWJmD0UI&quot; version=&quot;22.0.6&quot; type=&quot;device&quot;&gt;&#10;  &lt;diagram name=&quot;Seite-1&quot; id=&quot;jzp3oZEo0y8nZaJ27vPN&quot;&gt;&#10;    &lt;mxGraphModel dx=&quot;2954&quot; dy=&quot;1118&quot; grid=&quot;1&quot; gridSize=&quot;10&quot; guides=&quot;1&quot; tooltips=&quot;1&quot; connect=&quot;1&quot; arrows=&quot;1&quot; fold=&quot;1&quot; page=&quot;1&quot; pageScale=&quot;1&quot; pageWidth=&quot;827&quot; pageHeight=&quot;1169&quot; math=&quot;0&quot; shadow=&quot;0&quot;&gt;&#10;      &lt;root&gt;&#10;        &lt;mxCell id=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;1&quot; parent=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;Qa5i49IGs35AvOWg-RTq-2&quot; value=&quot;Alice&quot; style=&quot;shape=umlActor;verticalLabelPosition=bottom;verticalAlign=top;html=1;outlineConnect=0;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;200&quot; y=&quot;150&quot; width=&quot;30&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;Qa5i49IGs35AvOWg-RTq-3&quot; value=&quot;Bob&amp;lt;br&amp;gt;&quot; style=&quot;shape=umlActor;verticalLabelPosition=bottom;verticalAlign=top;html=1;outlineConnect=0;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;350&quot; y=&quot;150&quot; width=&quot;30&quot; height=&quot;60&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;Qa5i49IGs35AvOWg-RTq-4&quot; value=&quot;&quot; style=&quot;shape=flexArrow;endArrow=classic;startArrow=classic;html=1;rounded=0;&quot; edge=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry width=&quot;100&quot; height=&quot;100&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;250&quot; y=&quot;190&quot; as=&quot;sourcePoint&quot; /&gt;&#10;            &lt;mxPoint x=&quot;330&quot; y=&quot;190&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;Qa5i49IGs35AvOWg-RTq-5&quot; value=&quot;Communicate&quot; style=&quot;shape=callout;whiteSpace=wrap;html=1;perimeter=calloutPerimeter;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;240&quot; y=&quot;70&quot; width=&quot;120&quot; height=&quot;80&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;      &lt;/root&gt;&#10;    &lt;/mxGraphModel&gt;&#10;  &lt;/diagram&gt;&#10;&lt;/mxfile&gt;&#10;"><defs/><g><ellipse cx="15" cy="87.5" rx="7.5" ry="7.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><path d="M 15 95 L 15 120 M 15 100 L 0 100 M 15 100 L 30 100 M 15 120 L 0 140 M 15 120 L 30 140" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 147px; margin-left: 15px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">Alice</div></div></div></foreignObject><text x="15" y="159" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Alice</text></switch></g><ellipse cx="165" cy="87.5" rx="7.5" ry="7.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><path d="M 165 95 L 165 120 M 165 100 L 150 100 M 165 100 L 180 100 M 165 120 L 150 140 M 165 120 L 180 140" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 147px; margin-left: 165px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">Bob<br /></div></div></div></foreignObject><text x="165" y="159" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Bob&#xa;</text></switch></g><path d="M 69.5 125 L 69.5 135.5 L 50.5 120 L 69.5 104.5 L 69.5 115 L 110.5 115 L 110.5 104.5 L 129.5 120 L 110.5 135.5 L 110.5 125 Z" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 40 0 L 160 0 L 160 50 L 120 50 L 100 80 L 100 50 L 40 50 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 25px; margin-left: 41px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Communicate</div></div></div></foreignObject><text x="100" y="29" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Communicate</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.drawio.com/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
\ No newline at end of file