docs/images/chapter4/diagram-04-02.svg

<?xml version="1.0" encoding="UTF-8"?>
<!-- Do not edit this file with editors other than diagrams.net -->
<!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" style="background-color: rgb(255, 255, 255);" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="332px" height="111px" viewBox="-0.5 -0.5 332 111" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2022-03-24T09:26:04.625Z&quot; agent=&quot;5.0 (Macintosh)&quot; etag=&quot;9n17g8fhwyQwiPXBpfIY&quot; version=&quot;17.1.5&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;r8ogiY8uB4qGxXzg6cRb&quot; name=&quot;Page-1&quot;&gt;7Vldb5swFP01eYwENkmTx4R23cukTdE0aS+Thx2wZjAzJiH99TPFfDiQhKhdId1eEvvYXNvnnHtlkgl0w+xRoDj4xDFhE2DhbALvJwDMgK0+c+BQAHAJC8AXFBeQXQMb+kQ0aGk0pZgkxkTJOZM0NkGPRxHxpIEhIfjenLblzFw1Rj5pARsPsTb6jWIZFKhjwxr/SKgf6JVnCz0QonKuPkgSIMz3DQg+TKArOJdFK8xcwnLqSlqK5z6cGK32JUgk+zzgHnicTH+s7aev7vJLCiP+nU11lB1iqT6v3qw8lASQCK9yHlUv4pEC14EMmerZqil4GmGSr2CpXntLOj7BBsl6g4+Eh0SKg5qwr6mdab6CJqsaE4QhSXemNEgr7FfhqhU+c6p2AqzM9JS2ol1KU0ZIeCo8oh9qUnkcZ3khkETCJ7IVSDUap66hZ6WuUG3ZUi1RK8qWdJJk0tQrkYL/Ii5nXNR6biljRxBi1I9U11NKEoWvd0RIqrJipQdCinG+zHofUEk2MfLyNfeqBPR3RR6TZGd9oUfvTvDdsM28wzbQOu0QQ5NrBSiN9Ep5s+WR1JUP3EIeVWS/NJGgM2wi2V31b86k1sQQdP475eXANHlWa6Um2CDO6kHV8vNvnyNWRlI7K4IVQyPN0t4e7J+1YHE5bZ03Tdu7y2nrK1ri/oevLh7oZxnBOkvKkeMX/Shx/hYl8DIjXd5pmBUlcXHv2tIsd1OHc86LcdlPQ5HTZZfrqoPioaM6rG6rNLwfQe3F8AWgqoIjqQDOcBVgcYLT8Rimyy+vUQHW77MCjF9Qu/3u9OYV4Phe5AxcAcqCNEQJWJ4gdTyOAS9/R/inbgE3oCgYXw0Y+hYAhnsRqOQYsWO6Lkn/7wGjVFR16x/Vix+K6j8m4MMf&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 0 80 L 180 80" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><rect x="60" y="80" width="60" height="30" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 95px; margin-left: 61px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><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;">start</div></div></div></foreignObject><text x="90" y="99" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">start</text></switch></g><path d="M 250 80 L 330 80" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><rect x="270" y="80" width="40" height="30" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 95px; margin-left: 271px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 12px">goal</font></div></div></div></foreignObject><text x="290" y="101" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="20px" text-anchor="middle">goal</text></switch></g><rect x="30" y="40" width="40" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 60px; margin-left: 31px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><font style="font-size: 20px">A</font></div></div></div></foreignObject><text x="50" y="64" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">A</text></switch></g><rect x="110" y="40" width="40" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 60px; margin-left: 111px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><font style="font-size: 20px">B</font></div></div></div></foreignObject><text x="130" y="64" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">B</text></switch></g><rect x="270" y="0" width="40" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 20px; margin-left: 271px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><font style="font-size: 20px">A</font></div></div></div></foreignObject><text x="290" y="24" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">A</text></switch></g><rect x="270" y="40" width="40" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 60px; margin-left: 271px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><font style="font-size: 20px">B</font></div></div></div></foreignObject><text x="290" y="64" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">B</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/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>