diff --git a/visualizeiton solution.drawio b/.$visualizeiton solution.drawio.bkp
similarity index 100%
rename from visualizeiton solution.drawio
rename to .$visualizeiton solution.drawio.bkp
diff --git a/wiki-scr/visualizeiton solution.drawio b/wiki-scr/visualizeiton solution.drawio
new file mode 100644
index 0000000..5af2095
--- /dev/null
+++ b/wiki-scr/visualizeiton solution.drawio	
@@ -0,0 +1,61 @@
+<mxfile host="Electron" modified="2024-09-25T14:22:15.733Z" agent="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/23.1.5 Chrome/120.0.6099.109 Electron/28.1.0 Safari/537.36" etag="pj-2XU1eFjwaewbr7d--" version="23.1.5" type="device">
+  <diagram name="Page-1" id="HrI_mhSB4x8id5Bgvx9O">
+    <mxGraphModel dx="2103" dy="1696" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
+      <root>
+        <mxCell id="0" />
+        <mxCell id="1" parent="0" />
+        <mxCell id="ceL92yhPaExJntceVq7P-17" value="" style="rounded=1;arcSize=4;fillColor=#40302A;align=left;spacingLeft=5;strokeColor=#DEE1E6;html=1;strokeWidth=2;fontColor=#596780;fontSize=12;verticalAlign=top;sketch=1;hachureGap=4;pointerEvents=0;fontFamily=Architects Daughter;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DArchitects%2BDaughter;" vertex="1" parent="1">
+          <mxGeometry x="82.48" y="40" width="360" height="230" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-1" value="" style="image;aspect=fixed;html=1;points=[];align=center;fontSize=12;image=img/lib/azure2/ai_machine_learning/Bonsai.svg;" vertex="1" parent="1">
+          <mxGeometry x="102.48000000000002" y="50" width="78" height="75.71" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-2" value="" style="image;aspect=fixed;html=1;points=[];align=center;fontSize=12;image=img/lib/azure2/ai_machine_learning/Bonsai.svg;" vertex="1" parent="1">
+          <mxGeometry x="182.48000000000002" y="50" width="78" height="75.71" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-3" value="" style="image;aspect=fixed;html=1;points=[];align=center;fontSize=12;image=img/lib/azure2/ai_machine_learning/Bonsai.svg;" vertex="1" parent="1">
+          <mxGeometry x="92.48" y="170" width="75" height="75.71" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-4" value="" style="image;aspect=fixed;html=1;points=[];align=center;fontSize=12;image=img/lib/azure2/ai_machine_learning/Bonsai.svg;" vertex="1" parent="1">
+          <mxGeometry x="182.48000000000002" y="170" width="78" height="75.71" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-5" value="" style="image;aspect=fixed;html=1;points=[];align=center;fontSize=12;image=img/lib/azure2/ai_machine_learning/Bonsai.svg;" vertex="1" parent="1">
+          <mxGeometry x="260.48" y="50" width="78" height="75.71" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-6" value="" style="image;aspect=fixed;html=1;points=[];align=center;fontSize=12;image=img/lib/azure2/ai_machine_learning/Bonsai.svg;" vertex="1" parent="1">
+          <mxGeometry x="340.48" y="50" width="78" height="75.71" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-7" value="" style="image;aspect=fixed;html=1;points=[];align=center;fontSize=12;image=img/lib/azure2/ai_machine_learning/Bonsai.svg;" vertex="1" parent="1">
+          <mxGeometry x="260.48" y="170" width="78" height="75.71" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-8" value="" style="image;aspect=fixed;html=1;points=[];align=center;fontSize=12;image=img/lib/azure2/ai_machine_learning/Bonsai.svg;" vertex="1" parent="1">
+          <mxGeometry x="340.48" y="170" width="78" height="75.71" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-25" value="" style="image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#4277BB;labelBackgroundColor=default;fontSize=12;spacingTop=3;image=img/lib/ibm/users/sensor.svg;" vertex="1" parent="1">
+          <mxGeometry x="114.98000000000002" y="80" width="30" height="30" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-26" value="" style="image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#4277BB;labelBackgroundColor=default;fontSize=12;spacingTop=3;image=img/lib/ibm/users/sensor.svg;" vertex="1" parent="1">
+          <mxGeometry x="272.48" y="80" width="30" height="30" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-27" value="" style="image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#4277BB;labelBackgroundColor=default;fontSize=12;spacingTop=3;image=img/lib/ibm/users/sensor.svg;" vertex="1" parent="1">
+          <mxGeometry x="192.48000000000002" y="200" width="30" height="30" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-28" value="" style="image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#4277BB;labelBackgroundColor=default;fontSize=12;spacingTop=3;image=img/lib/ibm/users/sensor.svg;" vertex="1" parent="1">
+          <mxGeometry x="352.48" y="200" width="30" height="30" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-30" value="" style="verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.dataServer;strokeColor=#5E5E5E;aspect=fixed;" vertex="1" parent="1">
+          <mxGeometry x="418.48" y="127" width="64.98" height="56" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-31" value="" style="html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.wifi;pointerEvents=1" vertex="1" parent="1">
+          <mxGeometry x="418.48" y="120" width="29.7" height="21" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-32" value="" style="verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.dataServer;strokeColor=#5E5E5E;aspect=fixed;" vertex="1" parent="1">
+          <mxGeometry x="49.999999999999986" y="117" width="64.98" height="56" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-33" value="" style="html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.wifi;pointerEvents=1" vertex="1" parent="1">
+          <mxGeometry x="49.999999999999986" y="110" width="29.7" height="21" as="geometry" />
+        </mxCell>
+      </root>
+    </mxGraphModel>
+  </diagram>
+</mxfile>
diff --git a/wiki-scr/visualizeiton.png b/wiki-scr/visualizeiton.png
new file mode 100644
index 0000000..5bdbc2d
Binary files /dev/null and b/wiki-scr/visualizeiton.png differ