@webwriter/flowchart/snippets/For-Schleife.html

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

<webwriter-flowchart
   graphnodes="[{&quot;id&quot;:&quot;658b21a7-497d-4e4d-9a77-a89cbeab46c8&quot;,&quot;node&quot;:&quot;start&quot;,&quot;text&quot;:&quot;Start&quot;,&quot;x&quot;:558.4166666666666,&quot;y&quot;:49.011904761904816,&quot;connections&quot;:[{&quot;anchor&quot;:2,&quot;direction&quot;:&quot;to&quot;,&quot;connectedToId&quot;:&quot;55fc2928-1a45-4780-b7dc-0811b87fc8f1&quot;,&quot;arrowID&quot;:&quot;f4c48861-9819-4d02-896f-130057feaaee&quot;}]},{&quot;id&quot;:&quot;55fc2928-1a45-4780-b7dc-0811b87fc8f1&quot;,&quot;node&quot;:&quot;op&quot;,&quot;text&quot;:&quot;i = Anfangswert&quot;,&quot;x&quot;:510.41666666666663,&quot;y&quot;:129.01190476190482,&quot;connections&quot;:[{&quot;anchor&quot;:0,&quot;direction&quot;:&quot;from&quot;,&quot;connectedToId&quot;:&quot;658b21a7-497d-4e4d-9a77-a89cbeab46c8&quot;,&quot;arrowID&quot;:&quot;f4c48861-9819-4d02-896f-130057feaaee&quot;},{&quot;anchor&quot;:2,&quot;direction&quot;:&quot;to&quot;,&quot;connectedToId&quot;:&quot;3dec654d-4b31-479c-a91a-6c444e6df851&quot;,&quot;arrowID&quot;:&quot;3b746758-7624-461a-8464-e7b582972420&quot;}]},{&quot;id&quot;:&quot;15a511c5-8bb8-48fd-8508-64247c235115&quot;,&quot;node&quot;:&quot;op&quot;,&quot;text&quot;:&quot;i = i + Schrittwert&quot;,&quot;x&quot;:491.41666666666663,&quot;y&quot;:328.0119047619049,&quot;connections&quot;:[{&quot;anchor&quot;:0,&quot;direction&quot;:&quot;from&quot;,&quot;connectedToId&quot;:&quot;3dec654d-4b31-479c-a91a-6c444e6df851&quot;,&quot;arrowID&quot;:&quot;4e0c17f2-b499-4e46-bcc8-04cb3d2171e1&quot;},{&quot;anchor&quot;:2,&quot;direction&quot;:&quot;to&quot;,&quot;connectedToId&quot;:&quot;47669e26-de02-4825-8314-432593ddc11d&quot;,&quot;arrowID&quot;:&quot;33d8ea4a-06f6-46a7-bb4d-e81cc3b54c4d&quot;}]},{&quot;id&quot;:&quot;0094a5f1-5edb-48fc-af44-1891371e476d&quot;,&quot;node&quot;:&quot;connector&quot;,&quot;text&quot;:&quot;&quot;,&quot;x&quot;:382.41666666666663,&quot;y&quot;:334.0119047619049,&quot;connections&quot;:[{&quot;anchor&quot;:2,&quot;direction&quot;:&quot;from&quot;,&quot;connectedToId&quot;:&quot;47669e26-de02-4825-8314-432593ddc11d&quot;,&quot;arrowID&quot;:&quot;38cb77f5-b480-4937-94d0-7967f8bc3d44&quot;},{&quot;anchor&quot;:0,&quot;direction&quot;:&quot;to&quot;,&quot;connectedToId&quot;:&quot;3dec654d-4b31-479c-a91a-6c444e6df851&quot;,&quot;arrowID&quot;:&quot;b0dd846c-8e97-4069-bca3-928c1efacca3&quot;}]},{&quot;id&quot;:&quot;3dec654d-4b31-479c-a91a-6c444e6df851&quot;,&quot;node&quot;:&quot;decision&quot;,&quot;text&quot;:&quot; i < Endwert? &quot;,&quot;x&quot;:515.4166666666666,&quot;y&quot;:228.01190476190482,&quot;connections&quot;:[{&quot;anchor&quot;:0,&quot;direction&quot;:&quot;from&quot;,&quot;connectedToId&quot;:&quot;55fc2928-1a45-4780-b7dc-0811b87fc8f1&quot;,&quot;arrowID&quot;:&quot;3b746758-7624-461a-8464-e7b582972420&quot;},{&quot;anchor&quot;:1,&quot;direction&quot;:&quot;to&quot;,&quot;connectedToId&quot;:&quot;5be08b43-8d36-4937-97a0-a81b84ce5b5f&quot;,&quot;arrowID&quot;:&quot;f231fe73-3a2b-47f2-b5a7-261c7011a1a2&quot;,&quot;text&quot;:&quot;falsch&quot;},{&quot;anchor&quot;:2,&quot;direction&quot;:&quot;to&quot;,&quot;connectedToId&quot;:&quot;15a511c5-8bb8-48fd-8508-64247c235115&quot;,&quot;arrowID&quot;:&quot;4e0c17f2-b499-4e46-bcc8-04cb3d2171e1&quot;,&quot;text&quot;:&quot;wahr&quot;},{&quot;anchor&quot;:3,&quot;direction&quot;:&quot;from&quot;,&quot;connectedToId&quot;:&quot;0094a5f1-5edb-48fc-af44-1891371e476d&quot;,&quot;arrowID&quot;:&quot;b0dd846c-8e97-4069-bca3-928c1efacca3&quot;}]},{&quot;id&quot;:&quot;5be08b43-8d36-4937-97a0-a81b84ce5b5f&quot;,&quot;node&quot;:&quot;i/o&quot;,&quot;text&quot;:&quot;Ausgabe: 'Schleife beendet'&quot;,&quot;x&quot;:770.4166666666666,&quot;y&quot;:419.0119047619049,&quot;connections&quot;:[{&quot;anchor&quot;:0,&quot;direction&quot;:&quot;from&quot;,&quot;connectedToId&quot;:&quot;3dec654d-4b31-479c-a91a-6c444e6df851&quot;,&quot;arrowID&quot;:&quot;f231fe73-3a2b-47f2-b5a7-261c7011a1a2&quot;},{&quot;anchor&quot;:2,&quot;direction&quot;:&quot;to&quot;,&quot;connectedToId&quot;:&quot;b5576e25-4ea9-45b5-9d48-36b0ec912a6d&quot;,&quot;arrowID&quot;:&quot;fd85cabd-de6c-4323-bfd4-293dca07608c&quot;}]},{&quot;id&quot;:&quot;47669e26-de02-4825-8314-432593ddc11d&quot;,&quot;node&quot;:&quot;op&quot;,&quot;text&quot;:&quot;Anweisungen...&quot;,&quot;x&quot;:515.4166666666666,&quot;y&quot;:419.0119047619049,&quot;connections&quot;:[{&quot;anchor&quot;:0,&quot;direction&quot;:&quot;from&quot;,&quot;connectedToId&quot;:&quot;15a511c5-8bb8-48fd-8508-64247c235115&quot;,&quot;arrowID&quot;:&quot;33d8ea4a-06f6-46a7-bb4d-e81cc3b54c4d&quot;},{&quot;anchor&quot;:2,&quot;direction&quot;:&quot;to&quot;,&quot;connectedToId&quot;:&quot;0094a5f1-5edb-48fc-af44-1891371e476d&quot;,&quot;arrowID&quot;:&quot;38cb77f5-b480-4937-94d0-7967f8bc3d44&quot;}]},{&quot;id&quot;:&quot;b5576e25-4ea9-45b5-9d48-36b0ec912a6d&quot;,&quot;node&quot;:&quot;end&quot;,&quot;text&quot;:&quot;Ende&quot;,&quot;x&quot;:563.4244791666666,&quot;y&quot;:568.0119047619049,&quot;connections&quot;:[{&quot;anchor&quot;:0,&quot;direction&quot;:&quot;from&quot;,&quot;connectedToId&quot;:&quot;5be08b43-8d36-4937-97a0-a81b84ce5b5f&quot;,&quot;arrowID&quot;:&quot;fd85cabd-de6c-4323-bfd4-293dca07608c&quot;}]}]"
   tasklist="[]"
   helplist="[]"
   height="400"
   zoomlevel="60"
   canvasoffsetx="272.99999999999994"
   canvasoffsety="-98.99999999999993"
   font="Courier New"
   fontsize="16"
   theme="standard"></webwriter-flowchart>