@webwriter/flowchart/snippets/Kontextbeispiel.html

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

<webwriter-flowchart
   graphnodes="[{&quot;id&quot;:&quot;30411f9d-b013-4d73-a2f1-95953e36e766&quot;,&quot;node&quot;:&quot;start&quot;,&quot;text&quot;:&quot;Start&quot;,&quot;x&quot;:744.70703125,&quot;y&quot;:35.75,&quot;connections&quot;:[{&quot;anchor&quot;:2,&quot;direction&quot;:&quot;to&quot;,&quot;connectedToId&quot;:&quot;0462f30a-3f66-4831-8e3d-6c2e97e16f8c&quot;,&quot;arrowID&quot;:&quot;9f505a21-eb2e-4472-a397-9d6d2dd84c87&quot;}]},{&quot;id&quot;:&quot;0462f30a-3f66-4831-8e3d-6c2e97e16f8c&quot;,&quot;node&quot;:&quot;i/o&quot;,&quot;text&quot;:&quot;Eingabe: Tipp = \&quot;Kopf\&quot; oder \&quot;Zahl\&quot;&quot;,&quot;x&quot;:605.484375,&quot;y&quot;:103.75,&quot;connections&quot;:[{&quot;anchor&quot;:0,&quot;direction&quot;:&quot;from&quot;,&quot;connectedToId&quot;:&quot;30411f9d-b013-4d73-a2f1-95953e36e766&quot;,&quot;arrowID&quot;:&quot;9f505a21-eb2e-4472-a397-9d6d2dd84c87&quot;},{&quot;anchor&quot;:2,&quot;direction&quot;:&quot;to&quot;,&quot;connectedToId&quot;:&quot;3ab3f997-a743-4558-aa5f-eb89c0af0ae1&quot;,&quot;arrowID&quot;:&quot;d3253e42-bbd5-4e2f-a7c5-2ef81f6d566a&quot;}]},{&quot;id&quot;:&quot;3ab3f997-a743-4558-aa5f-eb89c0af0ae1&quot;,&quot;node&quot;:&quot;op&quot;,&quot;text&quot;:&quot;Zufallszahl = (zufällig 0 oder 1)&quot;,&quot;x&quot;:610.28515625,&quot;y&quot;:189.75,&quot;connections&quot;:[{&quot;anchor&quot;:0,&quot;direction&quot;:&quot;from&quot;,&quot;connectedToId&quot;:&quot;0462f30a-3f66-4831-8e3d-6c2e97e16f8c&quot;,&quot;arrowID&quot;:&quot;d3253e42-bbd5-4e2f-a7c5-2ef81f6d566a&quot;},{&quot;anchor&quot;:2,&quot;direction&quot;:&quot;to&quot;,&quot;connectedToId&quot;:&quot;a483a520-7f47-4742-815f-00bbd40f545e&quot;,&quot;arrowID&quot;:&quot;a8acdc72-a040-40d4-ba8c-c113e497fb79&quot;}]},{&quot;id&quot;:&quot;a483a520-7f47-4742-815f-00bbd40f545e&quot;,&quot;node&quot;:&quot;decision&quot;,&quot;text&quot;:&quot; Zufallszahl == 0? &quot;,&quot;x&quot;:677.49609375,&quot;y&quot;:265.75,&quot;connections&quot;:[{&quot;anchor&quot;:0,&quot;direction&quot;:&quot;from&quot;,&quot;connectedToId&quot;:&quot;3ab3f997-a743-4558-aa5f-eb89c0af0ae1&quot;,&quot;arrowID&quot;:&quot;a8acdc72-a040-40d4-ba8c-c113e497fb79&quot;},{&quot;anchor&quot;:2,&quot;direction&quot;:&quot;to&quot;,&quot;connectedToId&quot;:&quot;90e22861-1c8a-4c75-bed5-e02454933feb&quot;,&quot;arrowID&quot;:&quot;490bc6ec-78d0-4aff-b4c2-5da7fb8f13bf&quot;,&quot;text&quot;:&quot;Ja&quot;},{&quot;anchor&quot;:2,&quot;direction&quot;:&quot;to&quot;,&quot;connectedToId&quot;:&quot;92ea0e02-9d33-4c57-9e5b-8be5f7147b70&quot;,&quot;arrowID&quot;:&quot;c35adda7-2819-4d33-b6bb-625696859f3a&quot;,&quot;text&quot;:&quot;Nein&quot;}]},{&quot;id&quot;:&quot;90e22861-1c8a-4c75-bed5-e02454933feb&quot;,&quot;node&quot;:&quot;op&quot;,&quot;text&quot;:&quot;Seite = \&quot;Kopf\&quot;&quot;,&quot;x&quot;:523.5,&quot;y&quot;:371.75,&quot;connections&quot;:[{&quot;anchor&quot;:0,&quot;direction&quot;:&quot;from&quot;,&quot;connectedToId&quot;:&quot;a483a520-7f47-4742-815f-00bbd40f545e&quot;,&quot;arrowID&quot;:&quot;490bc6ec-78d0-4aff-b4c2-5da7fb8f13bf&quot;},{&quot;anchor&quot;:2,&quot;direction&quot;:&quot;to&quot;,&quot;connectedToId&quot;:&quot;f3a2cef8-6403-4a8c-8136-b840203a966f&quot;,&quot;arrowID&quot;:&quot;3759a2f7-656f-4efc-bf17-5063e6c7077f&quot;}]},{&quot;id&quot;:&quot;92ea0e02-9d33-4c57-9e5b-8be5f7147b70&quot;,&quot;node&quot;:&quot;op&quot;,&quot;text&quot;:&quot;Seite = \&quot;Zahl\&quot;&quot;,&quot;x&quot;:893.5,&quot;y&quot;:371.75,&quot;connections&quot;:[{&quot;anchor&quot;:0,&quot;direction&quot;:&quot;from&quot;,&quot;connectedToId&quot;:&quot;a483a520-7f47-4742-815f-00bbd40f545e&quot;,&quot;arrowID&quot;:&quot;c35adda7-2819-4d33-b6bb-625696859f3a&quot;},{&quot;anchor&quot;:2,&quot;direction&quot;:&quot;to&quot;,&quot;connectedToId&quot;:&quot;f3a2cef8-6403-4a8c-8136-b840203a966f&quot;,&quot;arrowID&quot;:&quot;ea23e760-5891-4762-8d68-18ef088a4201&quot;}]},{&quot;id&quot;:&quot;098bf66a-22cf-4d0f-be0a-3aafbda8bac3&quot;,&quot;node&quot;:&quot;end&quot;,&quot;text&quot;:&quot;Ende&quot;,&quot;x&quot;:746.5,&quot;y&quot;:721.75,&quot;connections&quot;:[{&quot;anchor&quot;:0,&quot;direction&quot;:&quot;from&quot;,&quot;connectedToId&quot;:&quot;68d43fbd-9b18-4483-b453-ae04631652ef&quot;,&quot;arrowID&quot;:&quot;aba35151-73b4-44cd-85ee-06d7d54f85fb&quot;},{&quot;anchor&quot;:0,&quot;direction&quot;:&quot;from&quot;,&quot;connectedToId&quot;:&quot;77c3e195-80f8-4ed3-9a43-cd053bde8a23&quot;,&quot;arrowID&quot;:&quot;7ec30280-6cc8-418a-bf51-084809d430a0&quot;}]},{&quot;id&quot;:&quot;77c3e195-80f8-4ed3-9a43-cd053bde8a23&quot;,&quot;node&quot;:&quot;i/o&quot;,&quot;text&quot;:&quot;Ausgabe: \&quot;Verloren\&quot;&quot;,&quot;x&quot;:885.5,&quot;y&quot;:618.75,&quot;connections&quot;:[{&quot;anchor&quot;:0,&quot;direction&quot;:&quot;from&quot;,&quot;connectedToId&quot;:&quot;b3901133-87b2-49e3-8890-0ae7e9754725&quot;,&quot;arrowID&quot;:&quot;9b25e914-4487-40e3-abf1-94e6ab3692cd&quot;},{&quot;anchor&quot;:2,&quot;direction&quot;:&quot;to&quot;,&quot;connectedToId&quot;:&quot;098bf66a-22cf-4d0f-be0a-3aafbda8bac3&quot;,&quot;arrowID&quot;:&quot;7ec30280-6cc8-418a-bf51-084809d430a0&quot;}]},{&quot;id&quot;:&quot;68d43fbd-9b18-4483-b453-ae04631652ef&quot;,&quot;node&quot;:&quot;i/o&quot;,&quot;text&quot;:&quot;Ausgabe: \&quot;Gewonnen\&quot;&quot;,&quot;x&quot;:483.5,&quot;y&quot;:618.75,&quot;connections&quot;:[{&quot;anchor&quot;:0,&quot;direction&quot;:&quot;from&quot;,&quot;connectedToId&quot;:&quot;b3901133-87b2-49e3-8890-0ae7e9754725&quot;,&quot;arrowID&quot;:&quot;0802d8b5-0f5e-4026-a219-6251675c1d41&quot;},{&quot;anchor&quot;:2,&quot;direction&quot;:&quot;to&quot;,&quot;connectedToId&quot;:&quot;098bf66a-22cf-4d0f-be0a-3aafbda8bac3&quot;,&quot;arrowID&quot;:&quot;aba35151-73b4-44cd-85ee-06d7d54f85fb&quot;}]},{&quot;id&quot;:&quot;b3901133-87b2-49e3-8890-0ae7e9754725&quot;,&quot;node&quot;:&quot;decision&quot;,&quot;text&quot;:&quot; Seite == Tipp? &quot;,&quot;x&quot;:691.8984375,&quot;y&quot;:552.75,&quot;connections&quot;:[{&quot;anchor&quot;:0,&quot;direction&quot;:&quot;from&quot;,&quot;connectedToId&quot;:&quot;f3a2cef8-6403-4a8c-8136-b840203a966f&quot;,&quot;arrowID&quot;:&quot;a564ed6b-c979-4236-9bda-5d1e4a58d929&quot;},{&quot;anchor&quot;:3,&quot;direction&quot;:&quot;to&quot;,&quot;connectedToId&quot;:&quot;68d43fbd-9b18-4483-b453-ae04631652ef&quot;,&quot;arrowID&quot;:&quot;0802d8b5-0f5e-4026-a219-6251675c1d41&quot;,&quot;text&quot;:&quot;Ja&quot;},{&quot;anchor&quot;:1,&quot;direction&quot;:&quot;to&quot;,&quot;connectedToId&quot;:&quot;77c3e195-80f8-4ed3-9a43-cd053bde8a23&quot;,&quot;arrowID&quot;:&quot;9b25e914-4487-40e3-abf1-94e6ab3692cd&quot;,&quot;text&quot;:&quot;Nein&quot;}]},{&quot;id&quot;:&quot;f3a2cef8-6403-4a8c-8136-b840203a966f&quot;,&quot;node&quot;:&quot;i/o&quot;,&quot;text&quot;:&quot;Ausgabe: Seite&quot;,&quot;x&quot;:701.5,&quot;y&quot;:475.75,&quot;connections&quot;:[{&quot;anchor&quot;:0,&quot;direction&quot;:&quot;from&quot;,&quot;connectedToId&quot;:&quot;90e22861-1c8a-4c75-bed5-e02454933feb&quot;,&quot;arrowID&quot;:&quot;3759a2f7-656f-4efc-bf17-5063e6c7077f&quot;},{&quot;anchor&quot;:0,&quot;direction&quot;:&quot;from&quot;,&quot;connectedToId&quot;:&quot;92ea0e02-9d33-4c57-9e5b-8be5f7147b70&quot;,&quot;arrowID&quot;:&quot;ea23e760-5891-4762-8d68-18ef088a4201&quot;},{&quot;anchor&quot;:2,&quot;direction&quot;:&quot;to&quot;,&quot;connectedToId&quot;:&quot;b3901133-87b2-49e3-8890-0ae7e9754725&quot;,&quot;arrowID&quot;:&quot;a564ed6b-c979-4236-9bda-5d1e4a58d929&quot;}]}]"
   tasklist="[]"
   helplist="[]"
   height="400"
   zoomlevel="50"
   canvasoffsetx="366"
   canvasoffsety="-4"
   font="Courier New"
   fontsize="16"
   theme="standard"></webwriter-flowchart>