mirror of
https://github.com/harvard-edge/cs249r_book.git
synced 2026-07-21 00:23:30 -05:00
Update TikZ figures in vol1/ch3
This commit is contained in:
Zeljko Hrcek
@@ -434,38 +434,300 @@ As @fig-lifecycle-overview illustrates, the ML lifecycle distills into six core
|
||||
```{.tikz}
|
||||
\begin{tikzpicture}[font=\small\usefont{T1}{phv}{m}{n}]
|
||||
\tikzset{
|
||||
Box/.style={align=flush center,
|
||||
inner xsep=2pt,
|
||||
node distance=0.7,
|
||||
draw=GreenLine,
|
||||
line width=0.75pt,
|
||||
fill=GreenL,
|
||||
text width=20mm,
|
||||
minimum width=20mm, minimum height=14mm
|
||||
},
|
||||
Line/.style={line width=1.0pt,black!50,text=black},
|
||||
Text/.style={%
|
||||
inner sep=6pt,
|
||||
draw=none,
|
||||
line width=0.75pt,
|
||||
fill=TextColor,
|
||||
text=black,
|
||||
font=\footnotesize\usefont{T1}{phv}{m}{n},
|
||||
align=flush center,
|
||||
minimum width=7mm, minimum height=5mm
|
||||
},
|
||||
Box2/.style={align=flush center, inner sep=2pt,draw=none,fill=black!70,
|
||||
font=\fontsize{8pt}{8}\usefont{T1}{phv}{b}{n},text=white,minimum width=20mm, minimum height=5mm },
|
||||
Box/.style={align=center, inner xsep=2pt,draw=black!70, line width=1pt,node distance=15mm,
|
||||
fill=none, minimum width=25mm, minimum height=20mm},
|
||||
Circle1/.style={circle, minimum size=33mm, draw=none, fill=BrownLine!20},
|
||||
LineD/.style={BrownLine!60!black!20,line width=4.0pt,dashed,dash pattern=on 5pt off 2pt,
|
||||
{-{Triangle[width=1.5*6pt,length=2.0*5pt]}},shorten <=5pt,shorten >=1pt},
|
||||
LineA/.style={BrownLine!80!black!40,line width=4.0pt,
|
||||
{-{Triangle[width=1.5*6pt,length=2.0*5pt]}},shorten <=5pt,shorten >=1pt},
|
||||
ALineA/.style={violet!60,{Circle[line width=1.0pt,fill=white,round,length=5pt,width=5pt]}-,
|
||||
line width=1.2pt,shorten <=-15pt,shorten >=-6pt}
|
||||
}
|
||||
\node[Box,fill=BlueL,draw=BlueLine](B1){Problem\\ Definition};
|
||||
\node[Box,right=of B1](B2){Data Collection \& Preparation};
|
||||
\node[Box, right=of B2](B3){Model Development \& Training};
|
||||
\node[Box, right=of B3](B4){Evaluation\\ \& Validation};
|
||||
\node[Box, right=of B4](B5){Deployment \& Integration};
|
||||
\node[Box, right=of B5](B6){Monitoring \& Maintenance};
|
||||
\foreach \i/\j in {B1/B2, B2/B3, B3/B4, B4/B5,B5/B6} {
|
||||
\draw[Line,-latex] (\i) -- (\j);
|
||||
|
||||
%dataS
|
||||
\tikzset{%
|
||||
pics/dataS/.style = {
|
||||
code = {
|
||||
\pgfkeys{/channel/.cd, #1}
|
||||
\begin{scope}[local bounding box=FUNNEL,scale=\scalefac, every node/.append style={transform shape}]
|
||||
%plats
|
||||
\draw[fill=\filllcolor,line width=\Linewidth,draw=\drawcolor](0,-0.3)--(-0.67,0.03)--(0,0.37)--(0.67,0.03)--cycle;
|
||||
\draw[fill=\filllcirclecolor,line width=\Linewidth,draw=\drawcolor](0,0)--(-0.67,0.33)--(0,0.67)--(0.67,0.33)--cycle;
|
||||
\draw[fill=\filllcolor,line width=\Linewidth,draw=\drawcolor](0,0.3)--(-0.67,0.63)--(0,0.97)--(0.67,0.63)--cycle;
|
||||
%left
|
||||
\draw[line width=\Linewidth,draw=\drawcolor](-0.39,1.21)--++(210:0.55)--++(270:1.22)--(-0.39,-0.56);
|
||||
\fill[line width=\Linewidth,fill=\filllcirclecolor!60!violet!,draw=green,draw=\drawcolor](-0.39,1.21)circle(3pt);
|
||||
\fill[line width=\Linewidth,fill=\filllcolor,draw=green,draw=\drawcolor](-0.39,-0.56)circle(3pt);
|
||||
%right
|
||||
\draw[line width=\Linewidth,draw=\drawcolor](0.39,1.21)--++(330:0.55)--++(270:1.22)--(0.39,-0.56);
|
||||
\fill[line width=\Linewidth,fill=\filllcirclecolor!60!violet!,draw=green,draw=\drawcolor](0.39,1.21)circle(3pt);
|
||||
\fill[line width=\Linewidth,fill=\filllcolor,draw=green,draw=\drawcolor](0.39,-0.56)circle(3pt);
|
||||
\end{scope}
|
||||
}
|
||||
}
|
||||
}
|
||||
\draw[Line,-latex](B6)--++(270:1.6)-|node[Text,pos=0.25]{Feedback Loop}(B2);
|
||||
%testing+pencil
|
||||
\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,RedLine] (0,0) to [bend left=6] (1,1);
|
||||
\draw[line width=0.7,line cap=round,RedLine] (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=RedLine,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=RedLine,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[RedLine,decoration={zigzag,segment length=4pt, amplitude=0.5pt},decorate]($(CB2)+(0.3,0.05)$)--++(0:0.8);
|
||||
\draw[RedLine,decoration={zigzag,segment length=4pt, amplitude=0.5pt},decorate]($(CB2)+(0.3,-0.12)$)--++(0:0.6);
|
||||
\draw[RedLine,decoration={zigzag,segment length=4pt, amplitude=0.5pt},decorate]($(CB3)+(0.3,0.05)$)--++(0:0.8);
|
||||
\draw[RedLine,decoration={zigzag,segment length=4pt, amplitude=0.5pt},decorate]($(CB3)+(0.3,-0.12)$)--++(0:0.6);
|
||||
\end{scope}
|
||||
}
|
||||
}
|
||||
}
|
||||
%pencil
|
||||
\tikzset{
|
||||
pics/pencil/.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},rotate=340]
|
||||
\fill[fill=\filllcolor!70] (0,4) -- (0.4,4) -- (0.4,0) --(0.3,-0.15) -- (0.2,0) -- (0.1,-0.14) -- (0,0) -- cycle;
|
||||
\draw[color=white,thick] (0.2,4) -- (0.2,0);
|
||||
\fill[black] (0,3.5) -- (0.2,3.47) -- (0.4,3.5) -- (0.4,4) arc(30:150:0.23cm);
|
||||
\fill[fill=\filllcolor!40] (0,0) -- (0.2,-0.8)node[coordinate,pos=0.75](a){} -- (0.4,0)node[coordinate,pos=0.25](b){} -- (0.3,-0.15) -- (0.2,0) -- (0.1,-0.14) -- cycle;
|
||||
\fill[fill=\filllcolor] (a) -- (0.2,-0.8) -- (b) -- cycle;
|
||||
|
||||
\end{scope}
|
||||
}
|
||||
}
|
||||
}
|
||||
%nodes
|
||||
\tikzset{
|
||||
pics/nodes/.style = {
|
||||
code = {
|
||||
\pgfkeys{/channel/.cd, #1}
|
||||
\begin{scope}[shift={($(0,0)+(0,0)$)},scale=\scalefac,every node/.append style={transform shape}]
|
||||
%\node[draw=white,fill=none,circle,minimum size=0.925*40mm,line width=1pt](CI){};
|
||||
%\draw[step=5mm,draw=white] (-2,-2) grid (2,2);
|
||||
\foreach \x/\y[count=\a] in {-0.2/0.35,
|
||||
0.7/0.6,-0.5/1.4,-1.20/-0.8,-0.1/-1.3,-0.4/-0.43,
|
||||
0.61/-0.3,1/-0.85,0.45/1.2,-0.96/0.63}{
|
||||
\node[circle,fill=myblue,draw=black,inner sep=0pt,minimum size=3mm](XB\a)at(\x,\y){};
|
||||
}
|
||||
\foreach \x/\y[count=\a] in {-2.0/0.1
|
||||
}{
|
||||
\node[circle,fill=myred,draw=black,inner sep=0pt,minimum size=3mm](XR\a)at(\x,\y){};
|
||||
}
|
||||
|
||||
\foreach \x/\y[count=\a] in {1.87/0.1
|
||||
}{
|
||||
\node[circle,fill=mygreen,draw=black,inner sep=0pt,minimum size=3mm](XG\a)at(\x,\y){};
|
||||
}
|
||||
|
||||
\foreach \x in {1,3,4,6,10}{
|
||||
\draw[RedLine,line width=0.5pt](XR1) edge (XB\x);
|
||||
}
|
||||
\foreach \x in {1,2,5,8,9}{
|
||||
\draw[mygreen,line width=0.5pt](XG1) edge (XB\x);
|
||||
}
|
||||
\foreach \x in {2,3,6,9,10}{
|
||||
\draw[black,line width=0.5pt](XB1) edge (XB\x);
|
||||
}
|
||||
\foreach \x in {4,5,7}{
|
||||
\draw[black,line width=0.5pt](XB6) edge (XB\x);
|
||||
}
|
||||
\draw[black,line width=0.5pt](XB4) edge (XB5);
|
||||
\draw[black,line width=0.5pt](XB3) edge (XB9);
|
||||
\foreach \x in {2,8}{
|
||||
\draw[black,line width=0.5pt](XB7) edge (XB\x);
|
||||
}
|
||||
\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}
|
||||
}
|
||||
}
|
||||
}
|
||||
%cloud-arrow
|
||||
\tikzset {
|
||||
pics/cloudA/.style = {
|
||||
code = {
|
||||
\pgfkeys{/channel/.cd, #1}
|
||||
\begin{scope}[local bounding box=CLO,scale=0.8, every node/.append style={transform shape}]
|
||||
\node[draw=\drawcolor!90!red,line width=\Linewidth,minimum width=6mm,minimum height=12mm](VSK)at(0,0.5){};
|
||||
\node[draw=\drawcolor!90!red,line width=\Linewidth,fill=white,minimum width=9mm,minimum height=4mm](VSKG)at(VSK.north){};
|
||||
\node[draw=\drawcolor!90!red,line width=\Linewidth,fill=white,minimum width=9mm,minimum height=4mm](VSKC)at(VSK.center){};
|
||||
\node[draw=\drawcolor!90!red,line width=\Linewidth,fill=white,minimum width=9mm,minimum height=4mm](VSKD)at(VSK.south){};
|
||||
\draw[fill=\filllcolor,draw=\drawcolor!60,,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!60,,line width=\Linewidth](0.27,0.71)to[bend left=25](0.49,0.96);
|
||||
\draw[draw=\drawcolor!60,,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);
|
||||
\node[single arrow, draw=orange,fill=orange,
|
||||
minimum width = 10pt, single arrow head extend=3pt,
|
||||
minimum height=10mm,
|
||||
rotate=270]at(1.05,0) {};
|
||||
\end{scope}
|
||||
}
|
||||
}
|
||||
}
|
||||
`%display
|
||||
\tikzset{%
|
||||
comp/.style = {draw,
|
||||
minimum width =18mm,
|
||||
minimum height = 15mm,
|
||||
inner sep = 0pt,
|
||||
rounded corners,
|
||||
draw = \drawcolor,
|
||||
fill=\filllcolor!10,
|
||||
line width=2.0pt
|
||||
},
|
||||
pics/displayK/.style = {
|
||||
code = {
|
||||
\pgfkeys{/channel/.cd, #1}
|
||||
\begin{scope}[local bounding box=COMPUTER1,shift={(0,0)}]
|
||||
\node[comp](\picname-COM){};
|
||||
% \draw[draw = \drawcolor,line width=1.0pt]
|
||||
% ($(\picname-COM.north west)!0.85!(\picname-COM.south west)$)-- ($(\picname-COM.north east)!0.85!(\picname-COM.south east)$);
|
||||
\draw[draw = \drawcolor,line width=\Linewidth]($(\picname-COM.south west)!0.4!(\picname-COM.south east)$)--++(270:0.2)coordinate(DL);
|
||||
\draw[draw = \drawcolor,line width=\Linewidth]($(\picname-COM.south west)!0.6!(\picname-COM.south east)$)--++(270:0.2)coordinate(DD);
|
||||
\draw[draw = \drawcolor,line width=3*\Linewidth,shorten <=-3mm,shorten >=-3mm](DL)--(DD);
|
||||
\draw[
|
||||
line width=1pt,
|
||||
draw=red,
|
||||
line cap=round,
|
||||
line join=round
|
||||
]
|
||||
(-0.70,0) --(-0.40,0) --
|
||||
(-0.30,0.13) --
|
||||
(-0.2,-0.18) --
|
||||
(-0.05,0.32) --
|
||||
(0.05,-0.15) --
|
||||
(0.15,0.23) --
|
||||
(0.38,-0.15) --
|
||||
(0.40,0.0) --
|
||||
(0.70,0.0);
|
||||
\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,
|
||||
tiecolor/.store in=\tiecolor,
|
||||
bodycolor/.store in=\bodycolor,
|
||||
stetcolor/.store in=\stetcolor,
|
||||
tiecolor=red, % derfault tie color
|
||||
bodycolor=blue!30, % derfault body color
|
||||
stetcolor=green, % derfault stet color
|
||||
filllcolor=BrownLine,
|
||||
filllcirclecolor=violet!20,
|
||||
drawcolor=black,
|
||||
drawcircle=violet,
|
||||
scalefac=1,
|
||||
Linewidth=0.5pt,
|
||||
Depth=0.2,
|
||||
Height=0.5,
|
||||
Width=0.25,
|
||||
picname=C
|
||||
}
|
||||
%Problem Definition
|
||||
\node[Box,draw=none](B1){};
|
||||
\pic[shift={(0,0)}] at (B1){target={scalefac=0.7,picname=1,
|
||||
drawcolor=BlueD,filllcolor=myred,Linewidth=0.7pt, filllcirclecolor=myred!20}};
|
||||
\draw[ALineA,draw=mygreen](B1.south west)--++(200:0.45)
|
||||
node[below=1pt,Box2,fill=mygreen]{Problem\\ Definition};
|
||||
%Data Collection \& Preparation
|
||||
\node[Box,right= of B1,draw=none](B2){};
|
||||
\pic[shift={(0,-0.28)}] at (B2){dataS={scalefac=0.9,picname=1,Linewidth=1.0pt,
|
||||
filllcolor=cyan!90!black!40!,drawcolor=black,filllcirclecolor=orange}};
|
||||
\draw[ALineA,draw=mygreen](B2.south west)--++(200:0.45)
|
||||
node[below=1pt,Box2,fill=mygreen]{Data Collection \\ \& Preparation};
|
||||
%Model Development \& Training
|
||||
\node[Box,right= of B2,draw=none](B3){};
|
||||
%persons 1
|
||||
\pic[shift={(0,0)}] at (B3){nodes={scalefac=0.6,picname=1,drawcolor=orange,filllcirclecolor=orange!20,filllcolor=orange}};
|
||||
\draw[ALineA,draw=mygreen](B3.south west)--++(200:0.45)
|
||||
node[below=1pt,Box2,fill=mygreen]{Model Development\\ \& Training};
|
||||
%Evaluation \& Validation
|
||||
\node[Box,right=of B3,draw=none](B4){};
|
||||
\pic[shift={(0,0)}] at (B4){testing={scalefac=0.85,picname=1,drawcolor=myblue,filllcolor=myblue, Linewidth=1.0pt}};
|
||||
\pic[shift={(0,-0.5)},rotate=-15] at (B4){pencil={scalefac=0.37,picname=1,filllcolor=mygreen, Linewidth=1.0pt}};
|
||||
\draw[ALineA,draw=mygreen](B4.south west)--++(200:0.45)
|
||||
node[below=1pt,Box2,fill=mygreen]{Evaluation \& \\ Validation};
|
||||
%Deploymnet \& Integration
|
||||
\node[Box,below=2of B4,draw=none](B5){};
|
||||
%AI
|
||||
\pic[shift={(-0.50,-0.40)}] at (B5){cloudA={scalefac=1,filllcirclecolor=orange!80,drawcolor=BlueLine,
|
||||
filllcolor=cyan!10, Linewidth=1.0pt}};
|
||||
|
||||
\draw[ALineA,draw=mygreen](B5.south west)--++(200:0.45)
|
||||
node[below=1pt,Box2,fill=mygreen]{Deploymnet \&\\ Integration};
|
||||
%Monityoring \& Maintenance
|
||||
\node[Box,left=of B5,draw=none](B6){};
|
||||
%AI
|
||||
\pic[shift={(0,0.1)}] at (B6){displayK={scalefac=0.45,picname=D,
|
||||
filllcolor=gray, drawcolor=BlueLine!70!black,Linewidth=0.7pt}};
|
||||
\draw[ALineA,draw=mygreen](B6.south west)--++(200:0.45)
|
||||
node[below=1pt,Box2,fill=mygreen]{Monityoring \&\\ Maintenance};
|
||||
|
||||
%arrows
|
||||
\foreach \x in{1,2,3,4,5}{
|
||||
\pgfmathtruncatemacro{\nx}{\x + 1} %
|
||||
\draw[LineA,BrownLine!80!black!70](B\x)--(B\nx);
|
||||
}
|
||||
\draw[LineD](B6)-|node[above,pos=0.25,font=\footnotesize\usefont{T1}{phv}{m}{n},text=black!70]{Feedback}(B2);
|
||||
\end{tikzpicture}
|
||||
|
||||
```
|
||||
|
||||
:::
|
||||
@@ -858,49 +1120,312 @@ Data collection decisions directly constrain model development: bandwidth limits
|
||||
::: {#fig-ml-lifecycle-feedback fig-env="figure" fig-pos="htb" fig-cap="**Feedback Paths Across Lifecycle Stages**: Six labeled feedback arrows connect the lifecycle stages. Data gaps identified during evaluation flow back to collection. Validation issues inform training adjustments. Performance insights from monitoring trigger pipeline refinements. Model updates propagate from monitoring to training. Data quality issues feed back to preparation. Deployment constraints propagate backward to influence model design." fig-alt="Diagram with 6 boxes: Data Collection, Preparation, Training, Evaluation, Deployment, Monitoring. Labeled feedback arrows show data gaps, validation issues, performance insights, and deployment constraints flowing between stages."}
|
||||
|
||||
```{.tikz}
|
||||
\begin{tikzpicture}[font=\small\usefont{T1}{phv}{m}{n}]
|
||||
\begin{tikzpicture}[line join=round,font=\usefont{T1}{phv}{m}{n}\small]
|
||||
\tikzset{%
|
||||
Line/.style={line width=1.0pt,black!50,text=black},
|
||||
Box/.style={align=flush center,
|
||||
inner xsep=2pt,
|
||||
node distance=1,
|
||||
node distance=0.65,
|
||||
draw=GreenLine,
|
||||
line width=0.75pt,
|
||||
fill=GreenL,
|
||||
text width=20mm,
|
||||
minimum width=20mm, minimum height=10mm
|
||||
fill=mygreen!06,
|
||||
%text width=35mm,
|
||||
minimum width=37mm, minimum height=16mm
|
||||
},
|
||||
Text/.style={%
|
||||
inner sep=4pt,
|
||||
draw=none,
|
||||
line width=0.75pt,
|
||||
fill=TextColor!80,
|
||||
text=black,
|
||||
font=\footnotesize\usefont{T1}{phv}{m}{n},
|
||||
align=flush center,
|
||||
minimum width=7mm, minimum height=5mm
|
||||
Box2/.style={Box, draw=BrownLine, fill=BrownL!30,
|
||||
},
|
||||
Txt/.style={font=\usefont{T1}{phv}{m}{n}\footnotesize,text=black!90
|
||||
},
|
||||
LineA/.style={black!30,line width=1.0pt,{-{Triangle[width=1.0*5pt,length=9pt]}},shorten <=2pt,shorten >=2pt},
|
||||
}
|
||||
|
||||
%funnel
|
||||
\tikzset{%
|
||||
pics/funnel/.style = {
|
||||
code = {
|
||||
\pgfkeys{/channel/.cd, #1}
|
||||
\begin{scope}[local bounding box=FUNNEL,scale=\scalefac, every node/.append style={transform shape}]
|
||||
\draw[fill=\filllcolor!50,line width=\Linewidth,draw=\drawcolor](-0.12,-0.81)--(-0.19,-0.25)--(-0.7,0.41)--(0.7,0.41)--(0.19,-0.25)--(0.12,-0.81)--cycle;
|
||||
\draw[fill=\filllcolor!50,line width=\Linewidth,draw=\drawcolor](-0.19,-0.25)--(0.08,-0.25);
|
||||
\draw[fill=\filllcolor!50,line width=\Linewidth,draw=\drawcolor](0.16,-0.09)--(0.41,0.31);
|
||||
%
|
||||
\node[Box](B1){Data Preparation};
|
||||
\node[Box,node distance=5,right=of B1](B2){Model Evaluation};
|
||||
\node[Box,node distance=2.5, right=of B2](B3){Monitoring \& Maintenance};
|
||||
\node[Box,below left=0.1 and 0.25 of B1](DB1){Data Collection};
|
||||
\node[Box,above right=0.3 and 0.25 of B1](GB1){Model Training};
|
||||
\node[Box,above right=0.3 and 0.25 of B2](GB2){Model Deployment};
|
||||
\node[line width=\Linewidth,draw=\drawcolor,fill=\filllcolor!50,inner sep=1pt,
|
||||
rectangle,rounded corners=2pt,minimum width=16mm,minimum height=5pt]at(0,0.5){};
|
||||
%
|
||||
\draw[Line,-latex](DB1)|-(B1);
|
||||
\draw[Line,-latex](B1.60)|-(GB1);
|
||||
\draw[Line,-latex](B2)|-node[Text,pos=0.7]{Data gaps}(DB1.10);
|
||||
\draw[Line,-latex](B2)-|node[Text,pos=0.25]{Validation Issues}(GB1);
|
||||
\draw[Line,-latex,](B3)|-node[Text,pos=0.6]{Performance Insights}(DB1.345);
|
||||
\draw[Line,-latex](B2)-|(GB2);
|
||||
\draw[Line,-latex](GB2)-|(B3.130);
|
||||
\draw[Line,-latex](B3)--++(90:2.4)-|node[Text,pos=0.2]{Model Updates}(GB1);
|
||||
\draw[Line,-latex](B3.50)--++(90:2.5)-|node[Text,pos=0.35]{Data Quality Issues}(B1.120);
|
||||
\draw[Line,-latex](GB1.340)-|(B2);
|
||||
\draw[Line,-latex](GB2.170)--node[Text,pos=0.5]{Deployment Constraints}(GB1.10);
|
||||
\end{tikzpicture}
|
||||
\foreach \i in{-0.5,0,0.5}{
|
||||
\node[single arrow, line width=0.8*\Linewidth,draw=\filllcirclecolor,fill=\filllcirclecolor, rotate=270,inner sep=1pt,
|
||||
minimum width =9pt, single arrow head extend=2pt,
|
||||
minimum height=5mm]at(\i,0.9) {}; % length of arrow
|
||||
}
|
||||
\node[single arrow,line width=0.8*\Linewidth,draw=\filllcirclecolor,fill=\filllcirclecolor, rotate=270,inner sep=1pt,
|
||||
minimum width =11pt, single arrow head extend=2pt,
|
||||
minimum height=5mm]at(0,-1.1) {}; % length of arrow
|
||||
\end{scope}
|
||||
}
|
||||
}
|
||||
}
|
||||
%nodes
|
||||
\tikzset{
|
||||
pics/nodes/.style = {
|
||||
code = {
|
||||
\pgfkeys{/channel/.cd, #1}
|
||||
\begin{scope}[shift={($(0,0)+(0,0)$)},scale=\scalefac,every node/.append style={transform shape}]
|
||||
\foreach \x/\y[count=\a] in {-0.2/0.35,
|
||||
0.7/0.6,-0.5/1.4,-1.20/-0.8,-0.1/-1.3,-0.4/-0.43,
|
||||
0.61/-0.3,1/-0.85,0.45/1.2,-0.96/0.63}{
|
||||
\node[circle,fill=myblue,draw=black,inner sep=0pt,minimum size=3mm](XB\a)at(\x,\y){};
|
||||
}
|
||||
\foreach \x/\y[count=\a] in {-2.0/0.1
|
||||
}{
|
||||
\node[circle,fill=myred,draw=black,inner sep=0pt,minimum size=3mm](XR\a)at(\x,\y){};
|
||||
}
|
||||
|
||||
\foreach \x/\y[count=\a] in {1.87/0.1
|
||||
}{
|
||||
\node[circle,fill=mygreen,draw=black,inner sep=0pt,minimum size=3mm](XG\a)at(\x,\y){};
|
||||
}
|
||||
|
||||
\foreach \x in {1,3,4,6,10}{
|
||||
\draw[RedLine,line width=0.5pt](XR1) edge (XB\x);
|
||||
}
|
||||
\foreach \x in {1,2,5,8,9}{
|
||||
\draw[mygreen,line width=0.5pt](XG1) edge (XB\x);
|
||||
}
|
||||
\foreach \x in {2,3,6,9,10}{
|
||||
\draw[black,line width=0.5pt](XB1) edge (XB\x);
|
||||
}
|
||||
\foreach \x in {4,5,7}{
|
||||
\draw[black,line width=0.5pt](XB6) edge (XB\x);
|
||||
}
|
||||
\draw[black,line width=0.5pt](XB4) edge (XB5);
|
||||
\draw[black,line width=0.5pt](XB3) edge (XB9);
|
||||
\foreach \x in {2,8}{
|
||||
\draw[black,line width=0.5pt](XB7) edge (XB\x);
|
||||
}
|
||||
\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,RedLine] (0,0) to [bend left=6] (1,1);
|
||||
\draw[line width=0.7,line cap=round,RedLine] (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[minimum width =15mm, minimum height = 20mm, inner sep = 0pt,
|
||||
rounded corners=2pt,draw = \drawcolor, fill=\filllcolor!10, line width=\Linewidth](COM){};
|
||||
\node[minimum width =8mm, minimum height = 2mm, inner sep = 0pt,anchor=north,
|
||||
rounded corners=1.5pt,draw =white, fill=\drawcolor!70, line width=0.7*\Linewidth]at
|
||||
($(COM.north)+(0,0.75mm)$)(GOR){};
|
||||
\node[minimum size = 2.5mm, inner sep = 0pt,circle,%anchor=north,
|
||||
rounded corners=0.5pt,draw =white, fill=\drawcolor!70, line width=0.7*\Linewidth]at(GOR.north)(GOR1){};
|
||||
\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=RedLine,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=RedLine,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[RedLine,decoration={zigzag,segment length=4pt, amplitude=0.5pt},decorate]($(CB2)+(0.3,0.05)$)--++(0:0.8);
|
||||
\draw[RedLine,decoration={zigzag,segment length=4pt, amplitude=0.5pt},decorate]($(CB2)+(0.3,-0.12)$)--++(0:0.6);
|
||||
\draw[RedLine,decoration={zigzag,segment length=4pt, amplitude=0.5pt},decorate]($(CB3)+(0.3,0.05)$)--++(0:0.8);
|
||||
\draw[RedLine,decoration={zigzag,segment length=4pt, amplitude=0.5pt},decorate]($(CB3)+(0.3,-0.12)$)--++(0:0.6);
|
||||
\end{scope}
|
||||
}
|
||||
}
|
||||
}
|
||||
%check mark
|
||||
\tikzset{pics/.cd,
|
||||
checkmark/.style={code={
|
||||
\pgfkeys{/channel/.cd, #1}
|
||||
\pgfgettransformentries{\tmpxx}{\tmp}{\tmp}{\tmp}{\tmp}{\tmp}
|
||||
\draw[line width=\tmpxx*1pt,draw=none,fill=\filllcirclecolor,line join=bevel] (0,.35) -- (.25,0) to[bend left=5] (0.8,.6) to[bend
|
||||
right=5] (.25,.18) -- cycle;}}}
|
||||
\tikzset{%
|
||||
pics/checkI/.style = {
|
||||
code = {
|
||||
\pgfkeys{/channel/.cd, #1}
|
||||
\begin{scope}[local bounding box=CHECK,scale=\scalefac, every node/.append style={transform shape}]
|
||||
\node[fill=\filllcolor,minimum width=6mm, minimum height=6mm,
|
||||
outer sep=2pt] (C1) {};
|
||||
\pic[shift={(-0.27,-0.19)},scale=0.7]{checkmark};
|
||||
\end{scope}
|
||||
}
|
||||
}
|
||||
}
|
||||
%cloud
|
||||
\tikzset {
|
||||
pics/cloudA/.style = {
|
||||
code = {
|
||||
\pgfkeys{/channel/.cd, #1}
|
||||
\begin{scope}[local bounding box=CLO,scale=\scalefac,, every node/.append style={transform shape}]
|
||||
\node[draw=\drawcolor!90!red,line width=\Linewidth,minimum width=6mm,minimum height=12mm](VSK)at(0,0.5){};
|
||||
\node[draw=\drawcolor!90!red,line width=\Linewidth,fill=white,minimum width=9mm,minimum height=4mm](VSKG)at(VSK.north){};
|
||||
\node[draw=\drawcolor!90!red,line width=\Linewidth,fill=white,minimum width=9mm,minimum height=4mm](VSKC)at(VSK.center){};
|
||||
\node[draw=\drawcolor!90!red,line width=\Linewidth,fill=white,minimum width=9mm,minimum height=4mm](VSKD)at(VSK.south){};
|
||||
\draw[fill=\filllcolor,draw=\drawcolor!60,,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!60,,line width=\Linewidth](0.27,0.71)to[bend left=25](0.49,0.96);
|
||||
\draw[draw=\drawcolor!60,,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);
|
||||
\node[single arrow, draw=orange,fill=orange,
|
||||
minimum width = 10pt, single arrow head extend=3pt,
|
||||
minimum height=10mm,
|
||||
rotate=270]at(1.05,0) {};
|
||||
\end{scope}
|
||||
}
|
||||
}
|
||||
}
|
||||
%data
|
||||
\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) {};
|
||||
\fill[\filllcolor!50!black]($(C.west)!0.12!(C.east)$)circle(3pt);
|
||||
\fill[\filllcolor!50!black]($(B.west)!0.12!(B.east)$)circle(3pt);
|
||||
\fill[\filllcolor!50!black]($(A.west)!0.12!(A.east)$)circle(3pt);
|
||||
\end{scope}
|
||||
}
|
||||
}
|
||||
}
|
||||
%display
|
||||
\tikzset{%
|
||||
comp/.style = {draw,
|
||||
minimum width =18mm,
|
||||
minimum height = 15mm,
|
||||
inner sep = 0pt,
|
||||
rounded corners=3pt,
|
||||
draw = \drawcolor,
|
||||
fill=\filllcolor!10,
|
||||
line width=2.0pt
|
||||
},
|
||||
pics/displayK/.style = {
|
||||
code = {
|
||||
\pgfkeys{/channel/.cd, #1}
|
||||
\begin{scope}[local bounding box=COMPUTER1,scale=\scalefac, every node/.append style={transform shape}]
|
||||
\node[comp](\picname-COM){};
|
||||
\draw[draw = \drawcolor,line width=\Linewidth]($(\picname-COM.south west)!0.4!(\picname-COM.south east)$)--++(270:0.2)coordinate(DL);
|
||||
\draw[draw = \drawcolor,line width=\Linewidth]($(\picname-COM.south west)!0.6!(\picname-COM.south east)$)--++(270:0.2)coordinate(DD);
|
||||
\draw[draw = \drawcolor,line width=3*\Linewidth,shorten <=-3mm,shorten >=-3mm](DL)--(DD);
|
||||
\draw[
|
||||
line width=1pt,
|
||||
draw=red,
|
||||
line cap=round,
|
||||
line join=round
|
||||
](-0.70,0) --(-0.40,0) --(-0.30,0.13) --(-0.2,-0.18) --(-0.05,0.32) --(0.05,-0.15) --
|
||||
(0.15,0.23) --(0.38,-0.15) --(0.40,0.0) --(0.70,0.0);
|
||||
\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=red,
|
||||
drawcircle=violet,
|
||||
scalefac=1,
|
||||
Linewidth=0.5pt,
|
||||
Depth=0.2,
|
||||
Height=0.5,
|
||||
Width=0.25,
|
||||
picname=C
|
||||
}
|
||||
% Model Training
|
||||
\node[Box](B1){};
|
||||
\coordinate(GO1)at($(B1.north west)!0.38!(B1.north east)$);
|
||||
\coordinate(T1)at($(GO1)!0.5!(B1.south east)$);
|
||||
\coordinate(I1)at($(B1.west)!0.21!(B1.east)$);
|
||||
\node[align=center]at(T1){Model\\ Training};
|
||||
\node[Box,fill=none]{};
|
||||
\pic[shift={(0.2,0)}] at (I1){nodes={scalefac=0.4,picname=1,drawcolor=orange,filllcirclecolor=orange!20,filllcolor=orange}};
|
||||
%Model Deployment
|
||||
\node[Box,right=5of B1](B2){};
|
||||
\coordinate(GO2)at($(B2.north west)!0.4!(B2.north east)$);
|
||||
\coordinate(T2)at($(GO2)!0.5!(B2.south east)$);
|
||||
\coordinate(I2)at($(B2.west)!0.24!(B2.east)$);
|
||||
\node[align=center]at(T2){Model\\ Deployment};
|
||||
\pic[shift={(-0.36,-0.30)}] at (I2){cloudA={scalefac=0.6,filllcirclecolor=orange!80,drawcolor=BlueLine,
|
||||
filllcolor=cyan!10, Linewidth=1.0pt}};
|
||||
%Data Preparation
|
||||
\node[Box,below left=0.5 of B1](B3){};
|
||||
\coordinate(GO3)at($(B3.north west)!0.4!(B3.north east)$);
|
||||
\coordinate(T3)at($(GO3)!0.5!(B3.south east)$);
|
||||
\coordinate(I3)at($(B3.west)!0.24!(B3.east)$);
|
||||
\node[align=center]at(T3){Data\\ Preparation};
|
||||
\node[Box,below left=0.5 of B1,fill=none]{};
|
||||
\pic[shift={(0,0.04)}] at (I3){funnel={scalefac=0.55,Linewidth=0.5pt,
|
||||
filllcolor=mypurple,drawcolor=black,filllcirclecolor=red}};
|
||||
%Model Evaluation
|
||||
\node[Box,right=5 of B3](B4){};
|
||||
\coordinate(GO4)at($(B4.north west)!0.4!(B4.north east)$);
|
||||
\coordinate(T4)at($(GO4)!0.5!(B4.south east)$);
|
||||
\coordinate(I4)at($(B4.west)!0.24!(B4.east)$);
|
||||
\node[align=center]at(T4){Model\\ Evaluation};
|
||||
\node[Box,right=5 of B3,fill=none]{};
|
||||
\pic[shift={(-0.1,-0.02)}] at (I4){testing={scalefac=0.6,drawcolor=mybrown,filllcolor=gray, Linewidth=1.0pt}};
|
||||
\pic[shift={(0.3,-0.46)}] at (I4){checkI={scalefac=0.7,filllcolor=GreenLine, filllcirclecolor=white,Linewidth=0.7pt}};
|
||||
%Monitoring \& Maintenance
|
||||
\node[Box,right=3.5 of B4](B5){};
|
||||
\coordinate(GO5)at($(B5.north west)!0.4!(B5.north east)$);
|
||||
\coordinate(T5)at($(GO5)!0.5!(B5.south east)$);
|
||||
\coordinate(I5)at($(B5.west)!0.24!(B5.east)$);
|
||||
\node[align=center]at(T5){Monitoring \&\\ Maintenance};
|
||||
\node[Box,right=3.5 of B4,fill=none]{};
|
||||
\pic[shift={(-0.02,0.06)}] at (I5){displayK={scalefac=0.65,picname=D,
|
||||
filllcolor=myblue, drawcolor=myblue,Linewidth=0.7pt}};
|
||||
%Data Collection
|
||||
\node[Box,below =1 of B3](B6){};
|
||||
\coordinate(GO6)at($(B6.north west)!0.4!(B6.north east)$);
|
||||
\coordinate(T6)at($(GO6)!0.5!(B6.south east)$);
|
||||
\coordinate(I6)at($(B6.west)!0.24!(B6.east)$);
|
||||
\node[align=center]at(T6){Data\\ Collection};
|
||||
\node[Box,below =1 of B3,fill=none]{};
|
||||
\pic[shift={(0,-0.5)}] at (I6){data={scalefac=0.45,picname=1,filllcolor=red, Linewidth=0.6pt}};
|
||||
%arrows
|
||||
\draw[LineA](B6)--(B3);
|
||||
\draw[LineA](B4)-|(B2);
|
||||
\draw[LineA](B1.350)-|(B4);
|
||||
\draw[LineA](B2)-|(B5.130);
|
||||
\draw[LineA](B3.60)|-(B1);
|
||||
\draw[LineA](B5.south)|-node[Txt,above,pos=0.6]{Performance Insights}(B6.350);
|
||||
\draw[LineA](B4.south)|-node[Txt,above,pos=0.75]{Data gaps}(B6.10);
|
||||
\draw[LineA](B4.west)-|node[Txt,above,pos=0.25]{Validation Issues}(B1);
|
||||
\draw[LineA](B2.170)--node[Txt,above,pos=0.5]{Deployment Constraints}(B1.10);
|
||||
%
|
||||
\draw[LineA](B5)--++(0,35mm)-|node[Txt,above,pos=0.25]{Model Updates}(B1);
|
||||
\draw[LineA](B5.50)--++(0,35mm)-|node[Txt,above,pos=0.25]{Data Quality Issues}(B3.120);
|
||||
\end{tikzpicture}
|
||||
|
||||
```
|
||||
|
||||
:::
|
||||
@@ -1008,7 +1533,7 @@ import matplotlib.pyplot as plt
|
||||
sys.path.insert(0, ".")
|
||||
from mlsysim import viz
|
||||
|
||||
fig, ax, COLORS, plt = viz.setup_plot()
|
||||
fig, ax, COLORS, plt = viz.setup_plot(figsize=(10, 5))
|
||||
|
||||
# --- Data (team scaling scenarios) ---
|
||||
team_size_value = np.linspace(1, 20, 100) # team size range
|
||||
|
||||
@@ -1929,4 +1929,6 @@ align=right,font={\fontsize{40pt}{40}\selectfont}]
|
||||
\AtEndDocument{%
|
||||
\immediate\closeout\figlatex%
|
||||
}
|
||||
|
||||
\setcounter{chapter}{2}
|
||||
\makeatother
|
||||
|
||||
Reference in New Issue
Block a user