docs: improve the teal_data transform diagrams

insightsengineering · Feb 12, 2025 · e074b7b · e074b7b
1 parent 9a1d4a4
commit e074b7b
Show file tree

Hide file tree

Showing 4 changed files with 82 additions and 67 deletions.
diff --git a/inst/design/teal-transform-module-decorators.drawio b/inst/design/teal-transform-module-decorators.drawio
@@ -1,11 +1,11 @@
 <mxfile host="65bd71144e">
     <diagram name="Page-1" id="Af2CoAbSZcckCuTcOnmQ">
-        <mxGraphModel dx="1499" dy="806" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
+        <mxGraphModel dx="1748" dy="940" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
             <root>
                 <mxCell id="0"/>
                 <mxCell id="1" parent="0"/>
                 <mxCell id="78" value="&lt;span style=&quot;font-weight: 700; font-size: 20px;&quot;&gt;Input Data Transformations&lt;/span&gt;" style="rounded=0;whiteSpace=wrap;html=1;verticalAlign=top;fontSize=20;" parent="1" vertex="1">
-                    <mxGeometry x="505" y="870" width="275" height="270" as="geometry"/>
+                    <mxGeometry x="505" y="870" width="275" height="310" as="geometry"/>
                 </mxCell>
                 <mxCell id="151" value="" style="shape=flexArrow;endArrow=classic;html=1;strokeColor=#d79b00;fontSize=20;fillColor=#ffe6cc;entryX=-0.005;entryY=0.124;entryDx=0;entryDy=0;entryPerimeter=0;" parent="1" edge="1">
                     <mxGeometry width="50" height="50" relative="1" as="geometry">
@@ -14,10 +14,10 @@
                     </mxGeometry>
                 </mxCell>
                 <mxCell id="76" value="&lt;span style=&quot;font-weight: 700; font-size: 20px;&quot;&gt;Module Output Decoration&lt;/span&gt;" style="rounded=0;whiteSpace=wrap;html=1;verticalAlign=top;fontSize=20;" parent="1" vertex="1">
-                    <mxGeometry x="505" y="1345" width="280" height="155" as="geometry"/>
+                    <mxGeometry x="505" y="1380" width="280" height="155" as="geometry"/>
                 </mxCell>
                 <mxCell id="77" value="&lt;span style=&quot;font-weight: 700; font-size: 20px;&quot;&gt;Teal Module Logic&lt;/span&gt;" style="rounded=0;whiteSpace=wrap;html=1;verticalAlign=top;fontSize=20;" parent="1" vertex="1">
-                    <mxGeometry x="505" y="1165" width="280" height="160" as="geometry"/>
+                    <mxGeometry x="505" y="1200" width="280" height="160" as="geometry"/>
                 </mxCell>
                 <mxCell id="79" value="" style="endArrow=classic;html=1;" parent="1" source="84" target="85" edge="1">
                     <mxGeometry width="50" height="50" relative="1" as="geometry"/>
@@ -28,12 +28,9 @@
                 <mxCell id="81" value="" style="endArrow=classic;html=1;" parent="1" source="86" target="87" edge="1">
                     <mxGeometry width="50" height="50" relative="1" as="geometry"/>
                 </mxCell>
-                <mxCell id="82" value="" style="endArrow=classic;html=1;" parent="1" source="87" target="88" edge="1">
-                    <mxGeometry width="50" height="50" relative="1" as="geometry"/>
-                </mxCell>
                 <mxCell id="83" value="" style="endArrow=classic;html=1;" parent="1" source="89" edge="1">
                     <mxGeometry width="50" height="50" relative="1" as="geometry">
-                        <mxPoint x="640" y="1390" as="targetPoint"/>
+                        <mxPoint x="640" y="1425" as="targetPoint"/>
                     </mxGeometry>
                 </mxCell>
                 <mxCell id="84" value="teal_data" style="rounded=1;fillColor=#f5f5f5;strokeColor=#666666;container=0;fontColor=#333333;arcSize=0;" parent="1" vertex="1">
@@ -49,77 +46,89 @@
                     <mxGeometry x="545" y="1082.5" width="190" height="35" as="geometry"/>
                 </mxCell>
                 <mxCell id="88" value="Module Logic" style="rounded=1;fillColor=#dae8fc;strokeColor=#6c8ebf;arcSize=50;" parent="1" vertex="1">
-                    <mxGeometry x="580" y="1209" width="120" height="35" as="geometry"/>
+                    <mxGeometry x="580" y="1244" width="120" height="35" as="geometry"/>
                 </mxCell>
                 <mxCell id="89" value="Generated outputs (plots/tables) within&#10;teal_data" style="rounded=1;fillColor=#f5f5f5;strokeColor=#666666;fontColor=#333333;arcSize=0;" parent="1" vertex="1">
-                    <mxGeometry x="532.5" y="1265" width="215" height="40" as="geometry"/>
+                    <mxGeometry x="532.5" y="1300" width="215" height="40" as="geometry"/>
                 </mxCell>
                 <mxCell id="90" value="" style="endArrow=classic;html=1;" parent="1" source="88" target="89" edge="1">
                     <mxGeometry width="50" height="50" relative="1" as="geometry"/>
                 </mxCell>
                 <mxCell id="92" value="Decorated outputs within&#10;teal_data" style="rounded=1;fillColor=#f5f5f5;strokeColor=#666666;fontColor=#333333;arcSize=0;" parent="1" vertex="1">
-                    <mxGeometry x="562.5" y="1450" width="155" height="40" as="geometry"/>
+                    <mxGeometry x="562.5" y="1485" width="155" height="40" as="geometry"/>
                 </mxCell>
                 <mxCell id="93" value="" style="endArrow=classic;html=1;" parent="1" target="92" edge="1">
                     <mxGeometry width="50" height="50" relative="1" as="geometry">
-                        <mxPoint x="640" y="1425" as="sourcePoint"/>
+                        <mxPoint x="640" y="1460" as="sourcePoint"/>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="198" style="edgeStyle=none;html=1;" edge="1" parent="1" source="196" target="88">
+                    <mxGeometry relative="1" as="geometry"/>
+                </mxCell>
+                <mxCell id="196" value="Transformed teal_data" style="rounded=1;fillColor=#f5f5f5;strokeColor=#666666;container=0;fontColor=#333333;arcSize=0;" vertex="1" parent="1">
+                    <mxGeometry x="576.25" y="1141" width="127.5" height="25" as="geometry"/>
+                </mxCell>
+                <mxCell id="197" value="" style="endArrow=classic;html=1;" edge="1" parent="1" target="196">
+                    <mxGeometry width="50" height="50" relative="1" as="geometry">
+                        <mxPoint x="640" y="1117.5" as="sourcePoint"/>
+                        <mxPoint x="640" y="1244" as="targetPoint"/>
                     </mxGeometry>
                 </mxCell>
-                <mxCell id="164" value="" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#FFFFFF;opacity=50;" parent="1" vertex="1">
-                    <mxGeometry x="480" y="850" width="600" height="672" as="geometry"/>
+                <mxCell id="199" value="" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#FFFFFF;opacity=50;" vertex="1" parent="1">
+                    <mxGeometry x="490" y="850" width="590" height="710" as="geometry"/>
                 </mxCell>
-                <mxCell id="177" value="" style="shape=flexArrow;endArrow=classic;html=1;strokeColor=#d79b00;fontSize=20;fillColor=#ffe6cc;entryX=-0.001;entryY=0.899;entryDx=0;entryDy=0;entryPerimeter=0;" parent="1" target="179" edge="1">
+                <mxCell id="200" value="" style="shape=flexArrow;endArrow=classic;html=1;strokeColor=#d79b00;fontSize=20;fillColor=#ffe6cc;entryX=0.012;entryY=0.954;entryDx=0;entryDy=0;entryPerimeter=0;" edge="1" parent="1" target="202">
                     <mxGeometry width="50" height="50" relative="1" as="geometry">
-                        <mxPoint x="747" y="1409.83" as="sourcePoint"/>
-                        <mxPoint x="817" y="1269.83" as="targetPoint"/>
+                        <mxPoint x="757" y="1450" as="sourcePoint"/>
+                        <mxPoint x="827" y="1370" as="targetPoint"/>
                     </mxGeometry>
                 </mxCell>
-                <mxCell id="178" value="Transforming module outputs (decorators)" style="rounded=1;fillColor=#ffe6cc;strokeColor=#d79b00;" parent="1" vertex="1">
-                    <mxGeometry x="530" y="1390" width="235" height="35" as="geometry"/>
+                <mxCell id="201" value="Transforming module outputs (decorators)" style="rounded=1;fillColor=#ffe6cc;strokeColor=#d79b00;" vertex="1" parent="1">
+                    <mxGeometry x="530" y="1425" width="235" height="35" as="geometry"/>
                 </mxCell>
-                <mxCell id="179" value="Transforming the teal_data" style="rounded=1;fillColor=#ffe6cc;strokeColor=#d79b00;arcSize=11;verticalAlign=top;" parent="1" vertex="1">
+                <mxCell id="202" value="Transforming the teal_data" style="rounded=1;fillColor=#ffe6cc;strokeColor=#d79b00;arcSize=11;verticalAlign=top;" vertex="1" parent="1">
                     <mxGeometry x="852" y="1090" width="208" height="270" as="geometry"/>
                 </mxCell>
-                <mxCell id="180" style="edgeStyle=none;html=1;strokeColor=#000000;fontSize=28;" parent="1" source="181" target="185" edge="1">
+                <mxCell id="203" style="edgeStyle=none;html=1;strokeColor=#000000;fontSize=28;" edge="1" parent="1" source="204" target="208">
                     <mxGeometry relative="1" as="geometry"/>
                 </mxCell>
-                <mxCell id="181" value="teal_transform_module" style="rounded=1;fillColor=#dae8fc;strokeColor=#6c8ebf;container=0;glass=0;arcSize=50;" parent="1" vertex="1">
+                <mxCell id="204" value="teal_transform_module" style="rounded=1;fillColor=#dae8fc;strokeColor=#6c8ebf;container=0;glass=0;arcSize=50;" vertex="1" parent="1">
                     <mxGeometry x="881" y="1175" width="150" height="35" as="geometry"/>
                 </mxCell>
-                <mxCell id="182" style="edgeStyle=none;html=1;strokeColor=#000000;fontSize=28;" parent="1" source="183" target="181" edge="1">
+                <mxCell id="205" style="edgeStyle=none;html=1;strokeColor=#000000;fontSize=28;" edge="1" parent="1" source="206" target="204">
                     <mxGeometry relative="1" as="geometry"/>
                 </mxCell>
-                <mxCell id="183" value="teal_data" style="rounded=1;fillColor=#f5f5f5;strokeColor=#666666;container=0;fontColor=#333333;" parent="1" vertex="1">
+                <mxCell id="206" value="teal_data" style="rounded=1;fillColor=#f5f5f5;strokeColor=#666666;container=0;fontColor=#333333;" vertex="1" parent="1">
                     <mxGeometry x="905.5" y="1125" width="100" height="30" as="geometry"/>
                 </mxCell>
-                <mxCell id="184" style="edgeStyle=none;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;strokeColor=#000000;fontSize=28;" parent="1" source="185" target="188" edge="1">
+                <mxCell id="207" style="edgeStyle=none;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;strokeColor=#000000;fontSize=28;" edge="1" parent="1" source="208" target="211">
                     <mxGeometry relative="1" as="geometry"/>
                 </mxCell>
-                <mxCell id="185" value="teal_transform_module" style="rounded=1;fillColor=#dae8fc;strokeColor=#6c8ebf;container=0;glass=0;arcSize=50;" parent="1" vertex="1">
+                <mxCell id="208" value="teal_transform_module" style="rounded=1;fillColor=#dae8fc;strokeColor=#6c8ebf;container=0;glass=0;arcSize=50;" vertex="1" parent="1">
                     <mxGeometry x="881" y="1225" width="150" height="35" as="geometry"/>
                 </mxCell>
-                <mxCell id="186" value="transformed teal_data" style="rounded=1;fillColor=#f5f5f5;strokeColor=#666666;container=0;fontColor=#333333;" parent="1" vertex="1">
+                <mxCell id="209" value="Transformed teal_data" style="rounded=1;fillColor=#f5f5f5;strokeColor=#666666;container=0;fontColor=#333333;" vertex="1" parent="1">
                     <mxGeometry x="890" y="1315" width="134" height="30" as="geometry"/>
                 </mxCell>
-                <mxCell id="187" style="edgeStyle=none;html=1;strokeColor=#000000;fontSize=28;" parent="1" source="188" target="186" edge="1">
+                <mxCell id="210" style="edgeStyle=none;html=1;strokeColor=#000000;fontSize=28;" edge="1" parent="1" source="211" target="209">
                     <mxGeometry relative="1" as="geometry"/>
                 </mxCell>
-                <mxCell id="188" value="..." style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=bottom;whiteSpace=wrap;rounded=0;fontSize=28;" parent="1" vertex="1">
+                <mxCell id="211" value="..." style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=bottom;whiteSpace=wrap;rounded=0;fontSize=28;" vertex="1" parent="1">
                     <mxGeometry x="927" y="1272.5" width="60" height="25" as="geometry"/>
                 </mxCell>
-                <mxCell id="190" value="" style="rounded=0;whiteSpace=wrap;html=1;fontSize=28;dashed=1;" parent="1" vertex="1">
+                <mxCell id="212" value="" style="rounded=0;whiteSpace=wrap;html=1;fontSize=28;dashed=1;" vertex="1" parent="1">
                     <mxGeometry x="935" y="870" width="125" height="150" as="geometry"/>
                 </mxCell>
-                <mxCell id="191" value="Logic" style="rounded=1;fillColor=#dae8fc;strokeColor=#6c8ebf;container=0;glass=0;arcSize=50;" parent="1" vertex="1">
+                <mxCell id="213" value="Logic" style="rounded=1;fillColor=#dae8fc;strokeColor=#6c8ebf;container=0;glass=0;arcSize=50;" vertex="1" parent="1">
                     <mxGeometry x="967.5" y="950" width="60" height="25" as="geometry"/>
                 </mxCell>
-                <mxCell id="192" value="teal_data" style="rounded=1;fillColor=#f5f5f5;strokeColor=#666666;container=0;fontColor=#333333;arcSize=0;" parent="1" vertex="1">
+                <mxCell id="214" value="teal_data" style="rounded=1;fillColor=#f5f5f5;strokeColor=#666666;container=0;fontColor=#333333;arcSize=0;" vertex="1" parent="1">
                     <mxGeometry x="962.5" y="910" width="70" height="25" as="geometry"/>
                 </mxCell>
-                <mxCell id="193" value="Transform Logic" style="rounded=1;fillColor=#ffe6cc;strokeColor=#d79b00;arcSize=50;" parent="1" vertex="1">
+                <mxCell id="215" value="Transform Logic" style="rounded=1;fillColor=#ffe6cc;strokeColor=#d79b00;arcSize=50;" vertex="1" parent="1">
                     <mxGeometry x="947.5" y="985" width="100" height="25" as="geometry"/>
                 </mxCell>
-                <mxCell id="194" value="Legend" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=20;fontStyle=0" parent="1" vertex="1">
+                <mxCell id="216" value="Legend" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=20;fontStyle=0" vertex="1" parent="1">
                     <mxGeometry x="945" y="870" width="105" height="30" as="geometry"/>
                 </mxCell>
             </root>