@webwriter/flowchart/snippets/If-Else.html

Create programming flowcharts with interactive tasks. Use standardized Elements such as loops and Branchings.

<webwriter-flowchart
graphnodes="[{&quot;id&quot;:&quot;848762bc-ada3-4dda-a574-e4c7f93e889b&quot;,&quot;node&quot;:&quot;start&quot;,&quot;text&quot;:&quot;Start&quot;,&quot;x&quot;:440.39118303571433,&quot;y&quot;:77.2285714285714,&quot;connections&quot;:[{&quot;anchor&quot;:2,&quot;direction&quot;:&quot;to&quot;,&quot;connectedToId&quot;:&quot;f0f0f21a-cd9b-4e67-8b0a-99493abbd612&quot;,&quot;arrowID&quot;:&quot;6b4d44dd-cca7-4e4c-b87b-f06a421b61fc&quot;}]},{&quot;id&quot;:&quot;f0f0f21a-cd9b-4e67-8b0a-99493abbd612&quot;,&quot;node&quot;:&quot;decision&quot;,&quot;text&quot;:&quot; Gilt ___ ? &quot;,&quot;x&quot;:406.78571428571433,&quot;y&quot;:180.1785714285714,&quot;connections&quot;:[{&quot;anchor&quot;:0,&quot;direction&quot;:&quot;from&quot;,&quot;connectedToId&quot;:&quot;848762bc-ada3-4dda-a574-e4c7f93e889b&quot;,&quot;arrowID&quot;:&quot;6b4d44dd-cca7-4e4c-b87b-f06a421b61fc&quot;},{&quot;anchor&quot;:2,&quot;direction&quot;:&quot;to&quot;,&quot;connectedToId&quot;:&quot;2f3de0a8-7dda-42fa-b7c0-5f70e0dc1b3d&quot;,&quot;arrowID&quot;:&quot;e777cac6-6d68-4882-9cc7-9f5c785d896e&quot;,&quot;text&quot;:&quot;Ja&quot;},{&quot;anchor&quot;:1,&quot;direction&quot;:&quot;to&quot;,&quot;connectedToId&quot;:&quot;2a32d5d3-6abe-42a4-9bcc-f7cfa46afe25&quot;,&quot;arrowID&quot;:&quot;f0c370f1-2dea-4549-8862-11378e83d19f&quot;,&quot;text&quot;:&quot;Nein&quot;}]},{&quot;id&quot;:&quot;2f3de0a8-7dda-42fa-b7c0-5f70e0dc1b3d&quot;,&quot;node&quot;:&quot;op&quot;,&quot;text&quot;:&quot;Dann ___&quot;,&quot;x&quot;:424.98883928571433,&quot;y&quot;:311.1785714285714,&quot;connections&quot;:[{&quot;anchor&quot;:0,&quot;direction&quot;:&quot;from&quot;,&quot;connectedToId&quot;:&quot;f0f0f21a-cd9b-4e67-8b0a-99493abbd612&quot;,&quot;arrowID&quot;:&quot;e777cac6-6d68-4882-9cc7-9f5c785d896e&quot;},{&quot;anchor&quot;:2,&quot;direction&quot;:&quot;to&quot;,&quot;connectedToId&quot;:&quot;2654604f-5f44-4743-8ea0-3b43c1801011&quot;,&quot;arrowID&quot;:&quot;df010942-7ce7-4e71-862c-3eed6972eb6d&quot;}]},{&quot;id&quot;:&quot;2a32d5d3-6abe-42a4-9bcc-f7cfa46afe25&quot;,&quot;node&quot;:&quot;op&quot;,&quot;text&quot;:&quot;Sonst ____&quot;,&quot;x&quot;:617.7857142857143,&quot;y&quot;:311.1785714285714,&quot;connections&quot;:[{&quot;anchor&quot;:0,&quot;direction&quot;:&quot;from&quot;,&quot;connectedToId&quot;:&quot;f0f0f21a-cd9b-4e67-8b0a-99493abbd612&quot;,&quot;arrowID&quot;:&quot;f0c370f1-2dea-4549-8862-11378e83d19f&quot;},{&quot;anchor&quot;:2,&quot;direction&quot;:&quot;to&quot;,&quot;connectedToId&quot;:&quot;2654604f-5f44-4743-8ea0-3b43c1801011&quot;,&quot;arrowID&quot;:&quot;4819d362-1b33-4369-b51c-ddd029993510&quot;}]},{&quot;id&quot;:&quot;2654604f-5f44-4743-8ea0-3b43c1801011&quot;,&quot;node&quot;:&quot;end&quot;,&quot;text&quot;:&quot;Ende&quot;,&quot;x&quot;:444.19196428571433,&quot;y&quot;:467.22857142857134,&quot;connections&quot;:[{&quot;anchor&quot;:0,&quot;direction&quot;:&quot;from&quot;,&quot;connectedToId&quot;:&quot;2f3de0a8-7dda-42fa-b7c0-5f70e0dc1b3d&quot;,&quot;arrowID&quot;:&quot;df010942-7ce7-4e71-862c-3eed6972eb6d&quot;},{&quot;anchor&quot;:0,&quot;direction&quot;:&quot;from&quot;,&quot;connectedToId&quot;:&quot;2a32d5d3-6abe-42a4-9bcc-f7cfa46afe25&quot;,&quot;arrowID&quot;:&quot;4819d362-1b33-4369-b51c-ddd029993510&quot;}]}]"
tasklist="[]"
helplist="[]"
height="400"
zoomlevel="70"
canvasoffsetx="336.95555555555535"
canvasoffsety="-75.85555555555554"
font="Courier New"
fontsize="16"
theme="standard"></webwriter-flowchart>