docs/images/chapter4/diagram-04-03.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="262px" height="111px" viewBox="-0.5 -0.5 262 111" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2022-03-24T09:49:56.662Z&quot; agent=&quot;5.0 (Macintosh)&quot; etag=&quot;akPs-pgNU3KgiHFf7LNk&quot; version=&quot;17.1.5&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;r8ogiY8uB4qGxXzg6cRb&quot; name=&quot;Page-1&quot;&gt;7Vlbb5swGP01eczELbfHwLpOmyptiqZOe5k8MODOYGZMQvrrZ4IdIBACbdqQqi+JfWw+m3OOP4wZ6VaQ3lIQ+XfEgXikKU460j+ONG2iqfw3A7Y5oC/0HPAocnJILYAVeoQCVASaIAfGlY6MEMxQVAVtEobQZhUMUEo21W4uwdVRI+DBGrCyAa6j98hhvrgLRSnwzxB5vhx5IhoCIPsKIPaBQzYlSL8Z6RYlhOWlILUgzqiTtOTXfTrSup8XhSHrcoG1JVE8/m2qjz+sxfdED8kvPBZR1gAn4n7FZNlWEgBDZ5nxyGshCTlo+izAvKbyIiVJ6MBsBIXX6lMS8aFTIVlM8BaSADK65R02BbWSQL/EqsQoxIChdVUaIBT29uH2I3wjiM9EU9Kqp4QVVSmNjBCThNpQXFSm8jDOqUAMUA+yWiBeKN11Ae2U6qHaoqZazEdkNekYTFlVr5hR8hdaBBNa6OkijA8ggJEX8qrNlYQcN9eQMsRXxVI0BMhxsmHMjY8YXEXAzsbc8BTQ3RVZTJi2+kK0Gkf4LtnGaLCNrhx3SEWTvgKoTetmijOyXbJzSqHC9F9CZMM43uW3Je+galFaNPKSl/17BGAZic8sD5Y3DVTdbIoia2tnUltThiZ3fcHV1PA4LVH3m98/sMAfGUHpRcq8GyfGS3EiNWnjpMk9JbuCOMqf2C5KMz81eKddjtOOuhg7z08QnIiGBLG8ruzwhhTVhpcDjEvnAP1iOWAvx4AdY7xQDjDfZA4YlqJf3YcH/MXH93e+Nf+pBRMaoC5vS3kK4ETLt71+e6LeKcG4WEZoZKhDknx+QmjVZrjuaUqW71uC69WzKb2/8obgYPW/4jtBIyOTi61+4wijw3HL9H0z0GP1D1/P2Wmvv6WT09mZjk61U4HOd3TaKFuHkxy+dYuyoothKvQzS1LaGMQxstvUrC4sB7og2S1RHkV+Q1DneV0cnRkfprNrsIFWVW/2RBeo0/Y4TzYBrxZfVPLuxVcp/eY/&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 0 80 L 100 80" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><rect x="30" 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: 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: all; white-space: normal; overflow-wrap: normal;">start</div></div></div></foreignObject><text x="50" y="99" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">start</text></switch></g><rect x="190" 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: 191px;"><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="210" y="101" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="20px" text-anchor="middle">goal</text></switch></g><rect x="190" 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: 191px;"><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="210" y="64" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">A</text></switch></g><rect x="190" 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: 191px;"><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="210" y="24" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">B</text></switch></g><rect x="30" 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: 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="24" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">A</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">B</font></div></div></div></foreignObject><text x="50" y="64" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">B</text></switch></g><path d="M 160 80 L 260 80" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><path d="M 110.5 35 L 110.5 25 L 134.49 25 L 134.49 15.5 L 149.5 30 L 134.49 44.5 L 134.49 35 Z" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/></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>