Update chapter-6 (#1054)

The TikZ code for Figure 6.15 has been updated. Figure 6.1 has been redrawn.
2025-12-05 19:17:28 -06:00 · 2025-11-28 04:15:37 +01:00
parent f591cde5a8
commit 15c2b8df46
1 changed files with 454 additions and 199 deletions
--- a/quarto/contents/core/data_engineering/data_engineering.qmd
+++ b/quarto/contents/core/data_engineering/data_engineering.qmd
@@ -78,56 +78,266 @@ Finally, governance provides the framework within which quality, reliability, an

 ::: {#fig-four-pillars fig-env="figure" fig-pos="htb"}
 ```{.tikz}
-\resizebox{0.85\textwidth}{!}{%
-\begin{tikzpicture}[font=\small\usefont{T1}{phv}{m}{n}]
+\begin{tikzpicture}[line join=round,font=\usefont{T1}{phv}{m}{n}]
+\tikzset{
+Box/.style={align=center, inner xsep=2pt,draw=GreenLine, line width=1pt,fill=none, minimum width=45mm, minimum height=25mm},
+Circle1/.style={circle,  minimum size=33mm, draw=none, fill=BrownLine!20},
+LineD/.style={dashed,BrownLine!70, line width=1.1pt,latex-latex,text=black},
+LineA/.style={violet!50,line width=4.0pt,{{Triangle[width=1.5*6pt,length=2.0*5pt]}-{Triangle[width=1.5*6pt,length=2.0*5pt]}},shorten <=1pt,shorten >=1pt},
+ALine/.style={black!50, line width=1.1pt,{{Triangle[width=0.9*6pt,length=1.2*6pt]}-}},
+Larrow/.style={fill=violet!50, single arrow,  inner sep=2pt, single arrow head extend=3pt,
+            single arrow head indent=0pt,minimum height=10mm, minimum width=3pt}
+}
+%%%
+%vaga
+\tikzset{
+pics/vaga/.style = {
+        code = {
+        \pgfkeys{/channel/.cd, #1}
+\begin{scope}[shift={($(0,0)+(0,0)$)},scale=\scalefac,every node/.append style={transform shape}]
+\node[rectangle,minimum width=2mm,minimum height=22mm,
+draw=none, fill=\filllcolor,line width=\Linewidth](1R) at (0,-0.95){};
+\fill[fill=\filllcolor!60!black](230:2.8)arc(230:310:2.8)--cycle;%circle(2.9);
+%LT
+\node [semicircle, shape border rotate=180,  anchor=chord center,
+      minimum size=11mm, draw=none, fill=\filllcirclecolor](LT) at (-2,-0.5) {};
+\node [circle,  minimum size=4mm, draw=none, fill=\filllcirclecolor](T1) at (-2,1.25) {};
+\draw[draw=\drawcolor,,line width=1.2*\Linewidth,shorten <=3pt,shorten >=3pt](T1)--(LT);
+\draw[draw=\drawcolor,,line width=1.2*\Linewidth,shorten <=3pt,shorten >=3pt](T1)--(LT.30);
+\draw[draw=\drawcolor,,line width=1.2*\Linewidth,shorten <=3pt,shorten >=3pt](T1)--(LT.150);
+%DT
+\node [semicircle, shape border rotate=180,  anchor=chord center,
+      minimum size=11mm, draw=none, fill=\filllcirclecolor!70!black](DT) at (2,-0.5) {};
+\node [circle,  minimum size=4mm, draw=none, fill=\filllcirclecolor!70!black](T2) at (2,1.25) {};
+\draw[draw=\drawcolor,line width=1.2*\Linewidth,shorten <=3pt,shorten >=3pt](T2)--(DT);
+\draw[draw=\drawcolor,,line width=1.2*\Linewidth,shorten <=3pt,shorten >=3pt](T2)--(DT.30);
+\draw[draw=\drawcolor,,line width=1.2*\Linewidth,shorten <=3pt,shorten >=3pt](T2)--(DT.150);
 %
-\tikzset{%
-  Pillar/.style={
-    rectangle,
-    rounded corners=3pt,
-    draw=black,
-    line width=1.5pt,
-    minimum width=35mm,
-    minimum height=25mm,
-    align=center,
-    font=\small\usefont{T1}{phv}{b}{n}
-  },
-  Arrow/.style={
-    ->,
-    >=stealth,
-    line width=1.2pt,
-    draw=black!60
-  },
-  Label/.style={
-    font=\scriptsize\usefont{T1}{phv}{m}{n},
-    text width=28mm,
-    align=center
+\node[draw=none,rectangle,minimum width=32mm,minimum height=1.5mm,inner sep=0pt,
+fill=\filllcolor!60!black]at(0,1.25){};
+\node[draw=white,fill=\filllcolor,line width=2*\Linewidth,ellipse,minimum width=9mm,  minimum height=15mm](EL)at(0,0.85){};
+\node[draw=white,fill=\filllcolor!60!black,line width=2*\Linewidth,,circle,minimum size=10mm](2C)at(0,2.05){};
+\end{scope}
+    }
  }
 }
-%
-% Define the four pillars in a square arrangement
-\node[Pillar, fill=GreenL, draw=GreenLine] (quality) at (0,4) {Quality\\[2mm]\scriptsize Accuracy \& Fitness};
-\node[Pillar, fill=BlueL, draw=BlueLine] (reliability) at (6,4) {Reliability\\[2mm]\scriptsize Consistency \& Fault Tolerance};
-\node[Pillar, fill=OrangeL, draw=OrangeLine] (scalability) at (6,0) {Scalability\\[2mm]\scriptsize Growth \& Performance};
-\node[Pillar, fill=RedL, draw=RedLine] (governance) at (0,0) {Governance\\[2mm]\scriptsize Ethics \& Compliance};
-
-% Central integration node
-\node[circle, draw=black!40, fill=black!5, line width=1pt, minimum size=18mm, align=center, font=\scriptsize\usefont{T1}{phv}{m}{n}] (center) at (3,2) {ML Data\\System};
-
-% Arrows from pillars to center
-\draw[Arrow, GreenLine] (quality.south) -- (center.north west) node[midway, Label, above left, xshift=-2mm] {High-quality\\training data};
-\draw[Arrow, BlueLine] (reliability.south) -- (center.north east) node[midway, Label, above right, xshift=2mm] {Consistent\\processing};
-\draw[Arrow, OrangeLine] (scalability.north) -- (center.south east) node[midway, Label, below right, xshift=2mm] {Handle growing\\data volumes};
-\draw[Arrow, RedLine] (governance.north) -- (center.south west) node[midway, Label, below left, xshift=-2mm] {Compliance \&\\accountability};
-
-% Bidirectional arrows showing tensions/trade-offs
-\draw[<->, line width=1pt, draw=black!40, dashed] (quality.east) -- (reliability.west) node[midway, above, Label, yshift=1mm] {\textit{Validation overhead vs.\\throughput}};
-\draw[<->, line width=1pt, draw=black!40, dashed] (reliability.south) -- (scalability.north) node[midway, right, Label, xshift=1mm] {\textit{Consistency vs.\\distributed scale}};
-\draw[<->, line width=1pt, draw=black!40, dashed] (scalability.west) -- (governance.east) node[midway, below, Label, yshift=-1mm] {\textit{Performance vs.\\privacy constraints}};
-\draw[<->, line width=1pt, draw=black!40, dashed] (governance.north) -- (quality.south) node[midway, left, Label, xshift=-1mm] {\textit{Bias mitigation vs.\\data availability}};
-
-\end{tikzpicture}
+%stit
+\def\inset{3.2pt} %
+\def\myshape{%
+  (0,1.34) to[out=220,in=0] (-1.20,1.03) --
+  (-1.20,-0.23) to[out=280,in=160] (0,-1.53) to[out=20,in=260] (1.20,-0.23) --
+  (1.20,1.03)  to[out=180,in=320] cycle
 }
+\tikzset{
+pics/stit/.style = {
+        code = {
+        \pgfkeys{/channel/.cd, #1}
+\begin{scope}[shift={($(0,0)+(0,0)$)},scale=\scalefac,every node/.append style={transform shape}]
+\fill[fill=\filllcolor!60] \myshape;
+%
+\begin{scope}
+  \clip \myshape;
+  \draw[draw=\filllcolor!60, line width=2*\inset,fill=white] \myshape; % boja i debljina po želji
+\end{scope}
+\fill[fill=\filllcolor!60](0,0)circle(0.4)coordinate(ST\picname);
+\end{scope}
+    }
+  }
+}
+%AI style
+\tikzset{
+pics/llm/.style = {
+        code = {
+        \pgfkeys{/channel/.cd, #1}
+\begin{scope}[shift={($(0,0)+(0,0)$)},scale=\scalefac,every node/.append style={transform shape}]
+\node[circle,minimum size=12mm,draw=\drawcolor, fill=\filllcolor!70,line width=1.25*\Linewidth](C\picname) at (0,0){};
+\def\startangle{90}
+\def\radius{1.15}
+\def\radiusI{1.1}
+\foreach \i [evaluate=\i as \j using \i+1] [count =\k] in {0,2,4,6,8} {
+\pgfmathsetmacro{\angle}{\startangle - \i * (360/8)}
+\draw[draw=black,-{Circle[black ,fill=\filllcirclecolor,length=5.5pt,line width=0.5*\Linewidth]},line width=1.5*\Linewidth](C\picname)--++(\startangle - \i*45:\radius) ;
+\node[circle,draw=black,fill=\filllcirclecolor!80!red!50,inner sep=3pt,line width=0.5*\Linewidth](2C\k)at(\startangle - \j*45:\radiusI) {};
+}
+\draw[line width=1.5*\Linewidth](2C1)--++(-0.5,0)|-(2C2);
+\draw[line width=1.5*\Linewidth](2C3)--++(0.5,0)|-(2C4);
+\node[circle,,minimum size=12mm,draw=\drawcolor, fill=\filllcolor!70,line width=0.5*\Linewidth]at (0,0){};
+\end{scope}
+    }
+  }
+}
+%brain
+\tikzset{pics/brain/.style = {
+        code = {
+        \pgfkeys{/channel/.cd, #1}
+\begin{scope}[local bounding box=BRAIN,scale=\scalefac, every node/.append style={transform shape}]
+\draw[fill=\filllcolor,line width=\Linewidth](-0.3,-0.10)to(0.08,0.60)
+to[out=60,in=50,distance=3](-0.1,0.69)to[out=160,in=80](-0.26,0.59)to[out=170,in=90](-0.46,0.42)
+to[out=170,in=110](-0.54,0.25)to[out=210,in=150](-0.54,0.04)
+to[out=240,in=130](-0.52,-0.1)to[out=300,in=240]cycle;
+\draw[fill=\filllcolor,line width=\Linewidth]
+(-0.04,0.64)to[out=120,in=0](-0.1,0.69)(-0.19,0.52)to[out=120,in=330](-0.26,0.59)
+(-0.4,0.33)to[out=150,in=280](-0.46,0.42)
+%
+(-0.44,-0.03)to[bend left=30](-0.34,-0.04)
+(-0.33,0.08)to[bend left=40](-0.37,0.2) (-0.37,0.12)to[bend left=40](-0.45,0.14)
+(-0.26,0.2)to[bend left=30](-0.24,0.13)
+(-0.16,0.32)to[bend right=30](-0.27,0.3)to[bend right=30](-0.29,0.38)
+(-0.13,0.49)to[bend left=30](-0.04,0.51);
+\draw[thick,rounded corners=0.8pt,\drawcircle,-{Circle[fill=\filllcolor,length=2.5pt]}](-0.23,0.03)--(-0.15,-0.03)--(-0.19,-0.18)--(-0.04,-0.28);
+\draw[thick,rounded corners=0.8pt,\drawcircle,-{Circle[fill=\filllcolor,length=2.5pt]}](-0.17,0.13)--(-0.04,0.05)--(-0.06,-0.06)--(0.14,-0.11);
+\draw[thick,rounded corners=0.8pt,\drawcircle,-{Circle[fill=\filllcolor,length=2.5pt]}](-0.12,0.23)--(0.31,0.0);
+\draw[thick,rounded corners=0.8pt,\drawcircle,-{Circle[fill=\filllcolor,length=2.5pt]}](-0.07,0.32)--(0.06,0.26)--(0.16,0.33)--(0.34,0.2);
+\draw[thick,rounded corners=0.8pt,\drawcircle,-{Circle[fill=\filllcolor,length=2.5pt]}](-0.01,0.43)--(0.06,0.39)--(0.18,0.51)--(0.31,0.4);
+\end{scope}
+     }
+  }
+}
+%graph
+\tikzset{pics/graph/.style = {
+        code = {
+        \pgfkeys{/channel/.cd, #1}
+\begin{scope}[local bounding box=GRAPH,scale=\scalefac, every node/.append style={transform shape}]
+\draw[line width=2*\Linewidth,draw = \drawcolor](-0.20,0)--(2.2,0);
+\draw[line width=2*\Linewidth,draw = \drawcolor](-0.20,0)--(-0.20,2.0);
+\foreach \i/\vi in {0/4,0.5/8,1/12,1.5/16}{
+\node[draw, minimum width  =4mm, minimum height = \vi mm, inner sep = 0pt,
+      draw = \drawcolor, fill=\filllcolor!50, line width=\Linewidth,anchor=south west](COM)at(\i,0.2){};
+}
+%lupa
+\coordinate(PO)at(1.2,0.9);
+\node[circle,draw=white,line width=0.75pt,fill=\filllcirclecolor,minimum size=9mm,inner sep=0pt](LV)at(PO){};
+\node[draw=none,rotate=40,rounded corners=2pt,rectangle,minimum width=2.2mm,inner sep=1pt,
+fill=\filllcirclecolor,minimum height=11mm,anchor=north]at(PO){};
+\node[circle,draw=none,fill=white,minimum size=5.0mm,inner sep=0pt](LM)at(PO){};
+\node[font=\small\bfseries]at(LM){...};
+ \end{scope}
+     }
+  }
+}
+%target
+\tikzset{
+pics/target/.style = {
+        code = {
+        \pgfkeys{/channel/.cd, #1}
+\begin{scope}[shift={($(0,0)+(0,0)$)},scale=\scalefac,every node/.append style={transform shape}]
+\definecolor{col1}{RGB}{62,100,125}
+\definecolor{col2}{RGB}{219,253,166}
+\colorlet{col1}{\filllcolor}
+\colorlet{col2}{\filllcirclecolor}
+\foreach\i/\col [count=\k]in {22mm/col1,17mm/col2,12mm/col1,7mm/col2,2.5mm/col1}{
+\node[circle,inner sep=0pt,draw=\drawcolor,fill=\col,minimum size=\i,line width=\Linewidth](C\k){};
+}
+\draw[thick,fill=brown,xscale=-1](0,0)--++(111:0.13)--++(135:1)--++(225:0.1)--++(315:1)--cycle;
+\path[green,xscale=-1](0,0)--(135:0.85)coordinate(XS1);
+\draw[thick,fill=yellow,xscale=-1](XS1)--++(80:0.2)--++(135:0.37)--++(260:0.2)--++(190:0.2)--++(315:0.37)--cycle;
+\end{scope}
+    }
+  }
+}
+%server
+\tikzset {
+  pics/server/.style = {
+    code = {
+     % \colorlet{red}{black}
+\pgfkeys{/channel/.cd, #1}
+      \begin{scope}[anchor=center, transform shape,scale=\scalefac, every node/.append style={transform shape}]
+        \draw[draw=\drawcolor,line width=\Linewidth,fill=\filllcolor](-0.55,-0.5) rectangle (0.55,0.5);
+\foreach \i in {-0.25,0,0.25} {
+                \draw[line width=\Linewidth]( -0.55,\i) -- (0.55, \i);
+}
+        \foreach \i in {-0.375, -0.125, 0.125, 0.375} {
+          \draw[line width=\Linewidth](-0.45,\i)--(0,\i);
+          \fill[](0.35,\i) circle (1.5pt);
+        }
+
+        \draw[draw=\drawcolor,line width=1.5*\Linewidth](0,-0.53) |- (-0.55,-0.7);
+        \draw[draw=\drawcolor,line width=1.5*\Linewidth](0,-0.53) |- (0.55,-0.7);
+      \end{scope}
+    }
+  }
+}
+\pgfkeys{
+  /channel/.cd,
+   Depth/.store in=\Depth,
+  Height/.store in=\Height,
+  Width/.store in=\Width,
+  filllcirclecolor/.store in=\filllcirclecolor,
+  filllcolor/.store in=\filllcolor,
+  drawcolor/.store in=\drawcolor,
+  drawcircle/.store in=\drawcircle,
+  scalefac/.store in=\scalefac,
+  Linewidth/.store in=\Linewidth,
+  picname/.store in=\picname,
+  filllcolor=BrownLine,
+  filllcirclecolor=violet!20,
+  drawcolor=black,
+  drawcircle=violet,
+  scalefac=1,
+  Linewidth=0.5pt,
+  Depth=1.3,
+  Height=0.8,
+  Width=1.1,
+  picname=C
+}
+
+\node[Circle1](CI1){};
+%AI
+\pic[shift={(0,0)}] at  (CI1){llm={scalefac=1.2,picname=1,drawcolor=GreenD,filllcolor=GreenD!20!, Linewidth=1pt,filllcirclecolor=red}};
+%brain
+\pic[shift={(0.12,-0.23)}] at  (C1){brain={scalefac=1.1,picname=2,filllcolor=orange!30!, filllcirclecolor=cyan!55!black!60, Linewidth=0.75pt}};
+%Quality
+\node[Box,above left=1 and 1.5 of CI1](B1){};
+\node[below=1pt of CI1,font=\usefont{T1}{phv}{b}{n}\small,align=center]{ML Data System};
+\fill[green!07](B1.north west) rectangle ($(B1.north east)!0.6!(B1.south east)$)coordinate(B1DE);
+\fill[green!20](B1.south east) rectangle ($(B1.north west)!0.6!(B1.south west)$)coordinate(B1LE);
+\node[Box,above left=1 and 1.5 of CI1](){};
+\tikzset{Text2/.style={font=\usefont{T1}{phv}{b}{n}\small,align=center}}
+\node[Text2]at($(B1.south west)!0.5!(B1DE)$){Quality\\ {\footnotesize Accuracy \& Fitness}};
+\coordinate(Q1)at($(B1.north west)!0.5!(B1DE)$);
+%Quality - target
+\pic[shift={(0,0)}] at  (Q1){target={scalefac=0.55,picname=1,drawcolor=BlueD,filllcolor=cyan!90!,Linewidth=0.7pt, filllcirclecolor=cyan!20}};
+%Reliability - stit
+\node[Box,above right=1 and 1.5 of CI1](B2){};
+\fill[cyan!07](B2.north west) rectangle ($(B2.north east)!0.6!(B2.south east)$)coordinate(B2DE);
+\fill[cyan!20](B2.south east) rectangle ($(B2.north west)!0.6!(B2.south west)$)coordinate(B2LE);
+\node[Text2]at($(B2.south west)!0.5!(B2DE)$){Reliability\\ {\footnotesize Consistency \& Fault Tolerance}};
+\coordinate(R1)at($(B2.north west)!0.5!(B2DE)$);
+\node[Box,above right=1 and 1.5 of CI1,draw=BlueD](B2){};
+%Reliability - stit
+\pic[shift={(0,0.03)}] at  (R1){stit={scalefac=0.48,picname=1,drawcolor=orange,filllcolor=red!80!}};
+\pic[shift={(0,0.03)}] at  (ST1){server={scalefac=0.52,picname=1,drawcolor= black,filllcolor=orange!30!,Linewidth=0.75pt}};
+%governance
+\node[Box,below left=1 and 1.5 of CI1](B3){};
+\fill[violet!07](B3.north west) rectangle ($(B3.north east)!0.6!(B3.south east)$)coordinate(B3DE);
+\fill[violet!20](B3.south east) rectangle ($(B3.north west)!0.6!(B3.south west)$)coordinate(B3LE);
+\node[Text2]at($(B3.south west)!0.5!(B3DE)$){Governance\\ {\footnotesize Ethics \& Compliance}};
+\coordinate(G1)at($(B3.north west)!0.5!(B3DE)$);
+\node[Box,below left=1 and 1.5 of CI1,draw=violet](){};
+%Scalability - graph
+\pic[shift={(-0.70,-0.6)}] at  (G1){graph={scalefac=0.6,picname=1,filllcirclecolor=RedLine,filllcolor=green!70!black, Linewidth=0.65pt}};
+%Scalability - graph
+\node[Box,below right=1 and 1.5 of CI1](B4){};
+\fill[orange!07](B4.north west) rectangle ($(B4.north east)!0.6!(B4.south east)$)coordinate(B4DE);
+\fill[orange!20](B4.south east) rectangle ($(B4.north west)!0.6!(B4.south west)$)coordinate(B4LE);
+\node[Text2]at($(B4.south west)!0.5!(B4DE)$){Scalability\\ {\footnotesize Growth \& Performance}};
+\coordinate(S1)at($(B4.north west)!0.5!(B4DE)$);
+\node[Box,below right=1 and 1.5 of CI1,draw=OrangeLine](){};
+%governance
+\pic[shift={(0,0.05)}] at  (S1){vaga={scalefac=0.25,picname=1,filllcolor=BlueLine, Linewidth=0.75pt,filllcirclecolor=orange}};
+%arrwos
+\tikzset{Text/.style={,font=\usefont{T1}{phv}{m}{n}\small,align=center}}
+\draw[LineD](B1)--node[above,Text]{Validation overhead vs.\\ throughput}(B2);
+\draw[LineD](B1)--node[left,Text]{Bias mitigation vs.\\ data availability}(B3);
+\draw[LineD](B2)--node[right,Text]{Consistency vs.\\ distributed scale}(B4);
+\draw[LineD](B3)--node[below,Text]{Performance vs.\\ privacy constraints}(B4);
+%
+\tikzset{Text1/.style={font=\usefont{T1}{phv}{m}{n}\footnotesize,align=center,text=black}}
+\draw[LineA,draw=green!70!black](B1.south east)--node[below left,Text1,green!60!black]{High-quality\\ training data}(CI1);
+\draw[LineA,draw=cyan!70!black](B2.south west)--node[below right,Text1,cyan!70!black]{Consistent\\ processing}(CI1);
+\draw[LineA,draw=violet!80!black!40](B3.north east)--node[above left,Text1,violet]{Compliance \& \\accountability}(CI1);
+\draw[LineA,draw=orange!80](B4.north west)--node[above right,Text1,orange]{Handle growing\\ data volumes}(CI1);
+\end{tikzpicture}
 ```

 **The Four Pillars of Data Engineering**: Quality, Reliability, Scalability, and Governance form the foundational framework for ML data systems. Each pillar contributes essential capabilities (solid arrows), while trade-offs between pillars (dashed lines) require careful balancing: validation overhead affects throughput, consistency constraints limit distributed scale, privacy requirements impact performance, and bias mitigation may reduce available training data. Effective data engineering requires managing these tensions systematically rather than optimizing any single pillar in isolation.
@@ -1960,32 +2170,202 @@ Our KWS system exemplifies governance challenges that arise when sophisticated s
 ```{.tikz}
 \resizebox{.8\textwidth}{!}{
 \begin{tikzpicture}[line join=round,font=\usefont{T1}{phv}{m}{n}]
-% Macro for drawing a gear
+%Gear style
 % #1 number of teeths
 % #2 radius intern
 % #3 radius extern
 % #4 angle from start to end of the first arc
 % #5 angle to decale the second arc from the first
 % #6 inner radius to cut off
-\newcommand{\gear}[6]{%
-  (0:#2)
-  \foreach \i [evaluate=\i as \n using {(\i-1)*360/#1}] in {1,...,#1}{%
-    arc (\n:\n+#4:#2) {[rounded corners=1.5pt] -- (\n+#4+#5:#3)
-    arc (\n+#4+#5:\n+360/#1-#5:#3)} --  (\n+360/#1:#2)
-  }%
-  (0,0) circle[radius=#6]
+\tikzset{
+  pics/gear/.style args={#1/#2/#3/#4/#5/#6/#7}{
+   code={
+           \pgfkeys{/channel/.cd, #7}
+\begin{scope}[shift={($(0,0)+(0,0)$)},scale=\scalefac,every node/.append style={transform shape}]
+    \pgfmathtruncatemacro{\N}{#1}%
+    \def\rin{#2}\def\rout{#3}\def\aA{#4}\def\aOff{#5}\def\rcut{#6}%
+    \path[rounded corners=1.5pt,draw=\drawcolor,fill=\filllcolor]
+      (0:\rin)
+      \foreach \i [evaluate=\i as \n using (\i-1)*360/\N] in {1,...,\N}{%
+        arc (\n:\n+\aA:\rin)
+        -- (\n+\aA+\aOff:\rout)
+        arc (\n+\aA+\aOff:\n+360/\N-\aOff:\rout)
+        -- (\n+360/\N:\rin)
+      } -- cycle;
+      \draw[draw=none,fill=white](0,0) circle[radius=\rcut];
+\end{scope}
+  }}
+}
+%Data style
+\tikzset{mycylinder/.style={cylinder, shape border rotate=90, aspect=1.3, draw, fill=white,
+minimum width=25mm,minimum height=11mm,line width=\Linewidth,node distance=-0.15},
+pics/data/.style = {
+        code = {
+        \pgfkeys{/channel/.cd, #1}
+\begin{scope}[local bounding box=STREAMING,scale=\scalefac, every node/.append style={transform shape}]
+\node[mycylinder,fill=\filllcolor!50] (A) {};
+\node[mycylinder, above=of A,fill=\filllcolor!30] (B) {};
+\node[mycylinder, above=of B,fill=\filllcolor!10] (C) {};
+ \end{scope}
+     }
+  }
+}
+%cloud style
+\tikzset {
+pics/cloud/.style = {
+        code = {
+ \pgfkeys{/channel/.cd, #1}
+\begin{scope}[local bounding box=CLO,scale=\scalefac, every node/.append style={transform shape}]
+\draw[draw=\drawcolor,line width=\Linewidth](0,0)to[out=170,in=180,distance=11](0.1,0.61)
+to[out=90,in=105,distance=17](1.07,0.71)
+to[out=20,in=75,distance=7](1.48,0.36)
+to[out=350,in=0,distance=7](1.48,0)--(0,0);
+\draw[draw=\drawcolor,line width=\Linewidth](0.27,0.71)to[bend left=25](0.49,0.96);
+\draw[draw=\drawcolor,line width=\Linewidth](0.67,1.21)to[out=55,in=90,distance=13](1.5,0.96)
+to[out=360,in=30,distance=9](1.68,0.42);
+\end{scope}
+     }
+  }
+}
+%person style
+\tikzset {
+pics/person/.style = {
+        code = {
+ \pgfkeys{/channel/.cd, #1}
+\begin{scope}[local bounding box=PER,scale=\scalefac, every node/.append style={transform shape}]
+\coordinate (head-center) at (0,0);
+\coordinate (top) at ([yshift=-2mm]head-center);
+\coordinate (left) at ([yshift=-10mm,xshift=-7mm]head-center);
+\coordinate (right) at ([yshift=-10mm,xshift=7mm]head-center);
+\draw[rounded corners=1.5mm,line width=\Linewidth,fill=\filllcolor]
+  (top) to [out=-10,in=100]
+  (right) to [bend left=15]
+  (left) to [out=80,in=190]
+  (top);
+ \draw[fill=\filllcirclecolor,line width=\Linewidth] (head-center) circle (0.35);
+\end{scope}
+     }
+  }
+}
+%padlock
+\tikzset{
+pics/lokot/.style = {
+        code = {
+        \pgfkeys{/channel/.cd, #1}
+\begin{scope}[shift={($(0,0)+(0,0)$)},scale=\scalefac,every node/.append style={transform shape}]
+\fill[fill=\filllcolor](0,0)--(2.7,0)--++(270:1.6)to[out=270,in=0](1.85,-2.45)--++(180:1.1)to[out=180,in=270](0,-1.3)--cycle;
+\fill[fill=white](1.32,-0.9)+(230:0.3)arc[start angle=230, end angle=-50, radius=0.3]--++(280:0.75)--++(180:0.62)--cycle;
+\path[](0.27,0)circle(1pt)coordinate(K1);
+\path[](0.57,0)circle(1pt)coordinate(K2);
+\path[](2.10,0)circle(1pt)coordinate(K3);
+\path[](2.4,0)circle(1pt)coordinate(K4);
+\path[](K1)--++(90:0.6)coordinate(KK1);
+\path[](K2)--++(90:0.5)coordinate(KK2);
+\path[](K4)--++(90:0.6)coordinate(KK4);
+\path[](K3)--++(90:0.5)coordinate(KK3);
+\fill[fill=\filllcolor](K1)--(KK1)to[out=90,in=90,distance=37](KK4)--(K4)--(K3)--(KK3)to[out=90,in=90,distance=29](KK2)--(K2)--cycle;
+\end{scope}
+    }
+  }
+}
+%testing
+\tikzset{
+pics/testing/.style = {
+        code = {
+        \pgfkeys{/channel/.cd, #1}
+\begin{scope}[local bounding box=TESTING1,shift={($(0,0)+(0,0)$)},scale=\scalefac,every node/.append style={transform shape}]
+\newcommand{\tikzxmark}{%
+\tikz[scale=0.18] {
+    \draw[line width=0.7,line cap=round,GreenLine] (0,0) to [bend left=6] (1,1);
+    \draw[line width=0.7,line cap=round,GreenLine] (0.2,0.95) to [bend right=3] (0.8,0.05);
+}}
+\newcommand{\tikzxcheck}{%
+\tikz[scale=0.16] {
+    \draw[line width=0.7,line cap=round,GreenLine] (0.5,0.75)--(0.85,-0.1) to [bend left=16] (1.5,1.55);
+}}
+ \node[draw, minimum width  =15mm, minimum height = 20mm, inner sep = 0pt,
+        rounded corners,draw = \drawcolor, fill=\filllcolor!10, line width=\Linewidth](COM){};
+\node[draw=GreenLine,inner sep=4pt,fill=white](CB1) at ($(COM.north west)!0.25!(COM.south west)+(0.3,0)$){};
+\node[xshift=0pt]at(CB1){\tikzxcheck};
+\node[draw=GreenLine,inner sep=4pt,fill=white](CB2) at ($(COM.north west)!0.5!(COM.south west)+(0.3,0)$){};
+\node[xshift=0pt]at(CB2){\tikzxmark};
+\node[draw=GreenLine,inner sep=4pt,fill=white](CB3) at ($(COM.north west)!0.75!(COM.south west)+(0.3,0)$){};
+\node[xshift=0pt]at(CB3){\tikzxmark};
+\draw[GreenLine,decoration={zigzag,segment length=4pt, amplitude=0.5pt},decorate]($(CB1)+(0.3,0.05)$)--++(0:0.8);
+\draw[GreenLine,decoration={zigzag,segment length=4pt, amplitude=0.5pt},decorate]($(CB1)+(0.3,-0.12)$)--++(0:0.7);
+\draw[GreenLine,decoration={zigzag,segment length=4pt, amplitude=0.5pt},decorate]($(CB2)+(0.3,0.05)$)--++(0:0.8);
+\draw[GreenLine,decoration={zigzag,segment length=4pt, amplitude=0.5pt},decorate]($(CB2)+(0.3,-0.12)$)--++(0:0.6);
+\draw[GreenLine,decoration={zigzag,segment length=4pt, amplitude=0.5pt},decorate]($(CB3)+(0.3,0.05)$)--++(0:0.8);
+\draw[GreenLine,decoration={zigzag,segment length=4pt, amplitude=0.5pt},decorate]($(CB3)+(0.3,-0.12)$)--++(0:0.6);
+\end{scope}
+    }
+  }
+}
+%quality
+\tikzset{
+pics/quality/.style = {
+        code = {
+        \pgfkeys{/channel/.cd, #1}
+\begin{scope}[local bounding box=QUALITY1,shift={($(0,0)+(0,0)$)},scale=\scalefac,every node/.append style={transform shape}]
+ \node[draw=\drawcolor, minimum width  =20mm, minimum height = 12mm, inner sep      = 0pt,
+        rounded corners,fill=\filllcolor, line width=2.0pt](COM){};
+ \draw[draw = \drawcolor,line width=1.0pt]
+ ($(COM.north west)!0.85!(COM.south west)$)-- ($(COM.north east)!0.85!(COM.south east)$);
+\node[GreenLine](CB1) at ($(COM.north west)!0.25!(COM.south west)+(0.3,0)$){
+\mbox{\ooalign{$\checkmark$\cr\hidewidth$\square$\hidewidth\cr}}};
+\node[GreenLine](CB2) at ($(COM.north west)!0.6!(COM.south west)+(0.3,0)$){
+\makebox[0pt][l]{$\square$}\raisebox{.15ex}{\hspace{0.1em}$\checkmark$}};
+ \draw[GreenLine,decoration={zigzag,segment length=4pt, amplitude=0.5pt},decorate]($(CB1)+(0.3,0.05)$)--++(0:1.3);
+\draw[GreenLine,decoration={zigzag,segment length=4pt, amplitude=0.5pt},decorate]($(CB1)+(0.3,-0.12)$)--++(0:1.0);
+\draw[GreenLine,decoration={zigzag,segment length=4pt, amplitude=0.5pt},decorate]($(CB2)+(0.3,0.05)$)--++(0:1.3);
+\draw[GreenLine,decoration={zigzag,segment length=4pt, amplitude=0.5pt},decorate]($(CB2)+(0.3,-0.12)$)--++(0:1.0);
+\end{scope}
+    }
+  }
+}
+%graph
+\tikzset{pics/graph/.style = {
+        code = {
+        \pgfkeys{/channel/.cd, #1}
+\begin{scope}[local bounding box=GRAPH,scale=\scalefac, every node/.append style={transform shape}]
+\draw[line width=2*\Linewidth,draw = \drawcolor](-0.20,0)--(2,0);
+\draw[line width=2*\Linewidth,draw = \drawcolor](-0.20,0)--(-0.20,2);
+\foreach \i/\vi in {0/10,0.5/17,1/9,1.5/5}{
+\node[draw, minimum width  =4mm, minimum height = \vi mm, inner sep = 0pt,
+      draw = \drawcolor, fill=\filllcolor!20, line width=\Linewidth,anchor=south west](COM)at(\i,0.2){};
+}
+ \end{scope}
+     }
+  }
+}
+\pgfkeys{
+  /channel/.cd,
+   Depth/.store in=\Depth,
+  Height/.store in=\Height,
+  Width/.store in=\Width,
+  filllcirclecolor/.store in=\filllcirclecolor,
+  filllcolor/.store in=\filllcolor,
+  drawcolor/.store in=\drawcolor,
+  drawcircle/.store in=\drawcircle,
+  scalefac/.store in=\scalefac,
+  Linewidth/.store in=\Linewidth,
+  picname/.store in=\picname,
+  filllcolor=BrownLine,
+  filllcirclecolor=violet!20,
+  drawcolor=black,
+  drawcircle=violet,
+  scalefac=1,
+  Linewidth=0.5pt,
+  Depth=1.3,
+  Height=0.8,
+  Width=1.1,
+  picname=C
 }
 % Styles for planets, satellites, and arrows
 \tikzset{%
-planet/.style = {circle, draw=none,
-semithick, fill=blue!30,
-%ball color=cyan!70,shading angle=-15,
-fill=cyan!80!black!60,
-text width=27mm, inner sep=1mm,align=center},
-satellite/.style = {circle, draw=none, semithick, fill=#1!30,
-text width=18mm, inner sep=1pt, align=flush center,minimum size=21mm},
-arr/.style = {-{Triangle[length=3mm,width=6mm]}, color=#1,
-line width=3mm, shorten <=1mm, shorten >=1mm}
+planet/.style = {circle, draw=none,semithick, fill=blue!30,fill=cyan!80!black!30,text width=27mm, inner sep=1mm,align=center},
+satellite/.style = {circle, draw=none, semithick, fill=#1!30,text width=18mm, inner sep=1pt, align=flush center,minimum size=21mm},
+arr/.style = {-{Triangle[length=3mm,width=6mm]}, color=#1,line width=3mm, shorten <=1mm, shorten >=1mm}
 }
 % Outer circle and central planet
 \node[draw=BackLine!50,line width=5pt,circle,minimum size=216.8]{};
@@ -2002,149 +2382,24 @@ line width=3mm, shorten <=1mm, shorten >=1mm}
 \draw[BrownLine, line width=0.75pt,{Circle[BrownLine,length=4pt]}-{Circle[BrownLine,length=4pt]}]
   (s\k)+(\i:0.5*\ra) arc[start angle=\i, end angle=\newX, radius=0.5*\ra];
 }
-% Gears decoration
-\begin{scope}[local bounding box=GEARS,shift={($(s4)+(0.2,0.3)$)},scale=1.5, every node/.append style={transform shape}]
-\begin{scope}[scale=0.1, every node/.append style={transform shape}]
-\fill[red,even odd rule] \gear{10}{1.9}{1.4}{10}{2}{0.6}coordinate(GER2);
-\end{scope}
-\begin{scope}[scale=0.15, every node/.append style={transform shape},
-shift={(-1.8,-2.08)}]
-\fill[red!90,even odd rule] \gear{10}{1.9}{1.4}{11}{2}{0.6}coordinate(GER2);
-\end{scope}
-\end{scope}
+%Gears decoration
+\pic[shift={(0.33,0.23)}] at (s4) {gear={10/1.45/1.9/10/2/0.7/scalefac=0.22,drawcolor=RedLine,filllcolor=RedLine}};
+\pic[shift={(-0.4,-0.2)}] at (s4) {gear={10/1.45/1.9/8/2/0.75/scalefac=0.25,drawcolor=RedLine,filllcolor=RedLine}};
 % Persons icons
-\begin{scope}[shift={($(s2)+(-0.1,0.23)$)},scale=0.65,line width=1.0pt]
-\begin{scope}[shift={(0.3,0.3)}]%person2-back
-\coordinate (head-center) at (0,0);
-\coordinate (top) at ([yshift=-2mm]head-center);
-\coordinate (left) at ([yshift=-10mm,xshift=-7mm]head-center);
-\coordinate (right) at ([yshift=-10mm,xshift=7mm]head-center);
-\draw[rounded corners=1.5mm,fill=Green!70]
-  (top) to [out=-10,in=100]
-  (right) to [bend left=15]
-  (left) to [out=80,in=190]
-  (top);
- \draw[fill=yellow] (head-center) circle (0.35);
-\end{scope}
-\begin{scope}%person1
-\coordinate (head-center) at (0,0);
-\coordinate (top) at ([yshift=-2mm]head-center);
-\coordinate (left) at ([yshift=-10mm,xshift=-7mm]head-center);
-\coordinate (right) at ([yshift=-10mm,xshift=7mm]head-center);
-\draw[rounded corners=1.5mm,fill=Green!70]
-  (top) to [out=-10,in=100]
-  (right) to [bend left=15]
-  (left) to [out=80,in=190]
-  (top);
-  \draw[fill=yellow] (head-center) circle (0.35);
-\end{scope}
-\end{scope}
+\pic[shift={(0.1,0.45)}] at (s2) {person={scalefac=0.7,drawcolor=RedLine,filllcolor=Green!70,Linewidth=1pt,filllcirclecolor=yellow}};
+\pic[shift={(-0.1,0.3)}] at (s2) {person={scalefac=0.7,drawcolor=RedLine,filllcolor=Green!70,Linewidth=1pt,filllcirclecolor=yellow}};
 % Padlock icon
-\begin{scope}[shift={($(s3)+(-0.42,0.15)$)},scale=0.30,line width=1.0pt]
-\colorlet{black}{violet}
-\draw[fill=black,draw=black](0,0)--(2.7,0)--++(270:1.6)to[out=270,in=0](1.85,-2.45)
--++(180:1.1)to[out=180,in=270](0,-1.3)--cycle;
-\draw[draw=none,fill=white](1.32,-0.9)+(230:0.3)
-arc[start angle=230, end angle=-50, radius=0.3]--++(280:0.75)--++(180:0.62)--cycle;
-\path[red](0.27,0)circle(1pt)coordinate(K1);
-\path[red](0.57,0)circle(1pt)coordinate(K2);
-\path[red](2.10,0)circle(1pt)coordinate(K3);
-\path[red](2.4,0)circle(1pt)coordinate(K4);
-\path[green](K1)--++(90:0.6)coordinate(KK1);
-\path[green](K2)--++(90:0.5)coordinate(KK2);
-\path[green](K4)--++(90:0.6)coordinate(KK4);
-\path[green](K3)--++(90:0.5)coordinate(KK3);
-\draw[fill=black,draw=black](K1)--(KK1)to[out=90,in=90,distance=37](KK4)--(K4)
--(K3)--(KK3)to[out=90,in=90,distance=29](KK2)--(K2)--cycle;
-\end{scope}
+\pic[shift={(-0.5,0.15)}] at  (s3){lokot={scalefac=0.35,picname=1,drawcolor=violet!,filllcolor=violet,Linewidth=0.7pt}};
 % Cloud icon
-\colorlet{red}{red}
-\begin{scope}[shift={($(s6)+(-0.54,-0.49)$)},scale=0.70,line width=1.0pt]
-\draw[red,line width=1.5pt](0,0)to[out=170,in=180,distance=11](0.1,0.61)
-to[out=90,in=105,distance=17](1.07,0.71)
-to[out=20,in=75,distance=7](1.48,0.36)
-to[out=350,in=0,distance=7](1.48,0)--(0,0);
-\draw[red,line width=1.5pt](0.27,0.71)to[bend left=25](0.49,0.96);
-\draw[red,line width=1.5pt](0.67,1.21)to[out=55,in=90,distance=13](1.5,0.96)
-to[out=360,in=30,distance=9](1.68,0.42);
-\end{scope}
+\pic[shift={(-0.6,-0.49)}] at (s6) {cloud={scalefac=0.75,drawcolor=red,filllcolor=red,Linewidth=1.75pt}};
 % Data quality block
-\begin{scope}[shift={($(s5)+(0.0,-0.03)$)},scale=0.70,every node/.append style={transform shape}]
- \node[draw, minimum width  =20mm, minimum height = 12mm, inner sep      = 0pt,
-        rounded corners,draw = BlueLine, fill=cyan!10, line width=2.0pt](COM){};
- \draw[draw = BlueLine,line width=1.0pt]
- ($(COM.north west)!0.85!(COM.south west)$)-- ($(COM.north east)!0.85!(COM.south east)$);
-\node[GreenLine](CB1) at ($(COM.north west)!0.25!(COM.south west)+(0.3,0)$){
-\mbox{\ooalign{$\checkmark$\cr\hidewidth$\square$\hidewidth\cr}}};
-\node[GreenLine](CB2) at ($(COM.north west)!0.6!(COM.south west)+(0.3,0)$){
-\makebox[0pt][l]{$\square$}\raisebox{.15ex}{\hspace{0.1em}$\checkmark$}};
- \draw[GreenLine,decoration={zigzag,segment length=4pt, amplitude=0.5pt},decorate]($(CB1)+(0.3,0.05)$)--++(0:1.3);
-\draw[GreenLine,decoration={zigzag,segment length=4pt, amplitude=0.5pt},decorate]($(CB1)+(0.3,-0.12)$)--++(0:1.0);
-  \draw[GreenLine,decoration={zigzag,segment length=4pt, amplitude=0.5pt},decorate]($(CB2)+(0.3,0.05)$)--++(0:1.3);
-\draw[GreenLine,decoration={zigzag,segment length=4pt, amplitude=0.5pt},decorate]($(CB2)+(0.3,-0.12)$)--++(0:1.0);
-\end{scope}
-% Data cylinders icon
-\tikzset{mycylinder/.style={cylinder, shape border rotate=90, aspect=1.3, draw, fill=white,
-minimum width=25mm,minimum height=11mm,line width=\Linewidth,node distance=-0.15},
-pics/data/.style = {
-        code = {
-        \pgfkeys{/channel/.cd, #1}
-\begin{scope}[local bounding box=STREAMING,scale=\scalefac, every node/.append style={transform shape}]
-\node[mycylinder,fill=\channelcolor!50] (A) {};
-\node[mycylinder, above=of A,fill=\channelcolor!30] (B) {};
-\node[mycylinder, above=of B,fill=\channelcolor!10] (C) {};
- \end{scope}
-     }
-  }
-}
-\pgfkeys{
-  /channel/.cd,
-  channelcolor/.store in=\channelcolor,
-  drawchannelcolor/.store in=\drawchannelcolor,
-  scalefac/.store in=\scalefac,
-  Linewidth/.store in=\Linewidth,
-  picname/.store in=\picname,
-  channelcolor=BrownLine,
-  drawchannelcolor=BrownLine,
-  scalefac=1,
-  Linewidth=1.6pt,
-  picname=C
-}
+\pic[shift={(0,-0.0)}] at (s5) {quality={scalefac=0.70,drawcolor=BlueLine,filllcolor=cyan!10,Linewidth=1.75pt}};
 % Data element placement
-\begin{scope}[shift={($(s8)+(0.03,-0.43)$)},scale=0.40,every node/.append style={transform shape}]
-\pic[shift={(0,0)}] at  (0,0){data={scalefac=1,picname=1,channelcolor=BlueLine, Linewidth=0.7pt}};
-\end{scope}
+\pic[shift={((0.03,-0.43)}] at  (s8){data={scalefac=0.4,picname=1,drawcolor=BlueLine, filllcolor=BlueLine,Linewidth=0.7pt}};
 % Policies block with checkmarks
-\newcommand{\tikzxmark}{%
-\tikz[scale=0.18] {
-    \draw[line width=0.7,line cap=round] (0,0) to [bend left=6] (1,1);
-    \draw[line width=0.7,line cap=round] (0.2,0.95) to [bend right=3] (0.8,0.05);
-}}
-\begin{scope}[shift={($(s1)+(0.04,-0.03)$)},scale=0.70,every node/.append style={transform shape}]
- \node[draw, minimum width  =15mm, minimum height = 20mm, inner sep = 0pt,
-        rounded corners,draw = BrownLine, fill=BrownL!10, line width=1.0pt](COM){};
-\node[GreenLine](CB1) at ($(COM.north west)!0.25!(COM.south west)+(0.3,0)$){
-\mbox{\ooalign{$\checkmark$\cr\hidewidth$\square$\hidewidth\cr}}};
-\node[GreenLine](CB2) at ($(COM.north west)!0.5!(COM.south west)+(0.3,0)$){
-\makebox[0pt][l]{$\square$}\raisebox{.15ex}{\hspace{0.1em}\tikzxmark}};
-\node[GreenLine](CB3) at ($(COM.north west)!0.75!(COM.south west)+(0.3,0)$){
-\makebox[0pt][l]{$\square$}\raisebox{.15ex}{\hspace{0.1em}\tikzxmark}};
-\draw[GreenLine,decoration={zigzag,segment length=4pt, amplitude=0.5pt},decorate]($(CB1)+(0.3,0.05)$)--++(0:0.8);
-\draw[GreenLine,decoration={zigzag,segment length=4pt, amplitude=0.5pt},decorate]($(CB1)+(0.3,-0.12)$)--++(0:0.7);
-\draw[GreenLine,decoration={zigzag,segment length=4pt, amplitude=0.5pt},decorate]($(CB2)+(0.3,0.05)$)--++(0:0.8);
-\draw[GreenLine,decoration={zigzag,segment length=4pt, amplitude=0.5pt},decorate]($(CB2)+(0.3,-0.12)$)--++(0:0.6);
-\draw[GreenLine,decoration={zigzag,segment length=4pt, amplitude=0.5pt},decorate]($(CB3)+(0.3,0.05)$)--++(0:0.8);
-\draw[GreenLine,decoration={zigzag,segment length=4pt, amplitude=0.5pt},decorate]($(CB3)+(0.3,-0.12)$)--++(0:0.6);
-\end{scope}
+\pic[shift={(0.04,0.0)}] at  (s1){testing={scalefac=0.7,picname=1,drawcolor= BrownLine,filllcolor=BrownL!80!, Linewidth=0.75pt}};
 % Bar chart icon
-\begin{scope}[shift={($(s7)+(-0.35,-0.51)$)},scale=0.50,every node/.append style={transform shape}]
-\draw[line width=2.0pt,RedLine](-0.20,0)--(2,0);
-\draw[line width=2.0pt,RedLine](-0.20,0)--(-0.20,2);
-\foreach \i/\vi in {0/10,0.5/17,1/9,1.5/5}{
-\node[draw, minimum width  =4mm, minimum height = \vi mm, inner sep = 0pt,
-      draw = RedLine, fill=RedL!40, line width=1.0pt,anchor=south west](COM)at(\i,0.2){};
-}
-\end{scope}
+\pic[shift={(-0.35,-0.51)}] at  (s7){graph={scalefac=0.5,picname=1,drawcolor=RedLine, filllcolor=RedL!40!,Linewidth=1.0pt}};
 % Labels for satellites
 \node[above=5pt of s2]{Organization};
 \node[left=5pt of s3]{Data Security};