@webwriter/flowchart/snippets/Switch.html

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

<webwriter-flowchart
graphnodes="[{&quot;id&quot;:&quot;196dce91-d1c9-41bf-a038-368ccaff614c&quot;,&quot;node&quot;:&quot;start&quot;,&quot;text&quot;:&quot;Start&quot;,&quot;x&quot;:585.9611235119049,&quot;y&quot;:71.5952380952381,&quot;connections&quot;:[{&quot;anchor&quot;:2,&quot;direction&quot;:&quot;to&quot;,&quot;connectedToId&quot;:&quot;62b6f25e-99f1-4f7b-94da-6f52338052bb&quot;,&quot;arrowID&quot;:&quot;ee94a89e-2b38-4eaf-8ab1-49c712d64a54&quot;}]},{&quot;id&quot;:&quot;62b6f25e-99f1-4f7b-94da-6f52338052bb&quot;,&quot;node&quot;:&quot;i/o&quot;,&quot;text&quot;:&quot;Eingabe: x&quot;,&quot;x&quot;:561.9572172619049,&quot;y&quot;:159.5952380952381,&quot;connections&quot;:[{&quot;anchor&quot;:0,&quot;direction&quot;:&quot;from&quot;,&quot;connectedToId&quot;:&quot;196dce91-d1c9-41bf-a038-368ccaff614c&quot;,&quot;arrowID&quot;:&quot;ee94a89e-2b38-4eaf-8ab1-49c712d64a54&quot;},{&quot;anchor&quot;:2,&quot;direction&quot;:&quot;to&quot;,&quot;connectedToId&quot;:&quot;1460cb69-c269-4455-bf58-d757e0246ed6&quot;,&quot;arrowID&quot;:&quot;26b7206a-a3b8-4505-b988-ce26794e54ca&quot;}]},{&quot;id&quot;:&quot;1460cb69-c269-4455-bf58-d757e0246ed6&quot;,&quot;node&quot;:&quot;decision&quot;,&quot;text&quot;:&quot;switch: x&quot;,&quot;x&quot;:566.7579985119049,&quot;y&quot;:234.5952380952381,&quot;connections&quot;:[{&quot;anchor&quot;:0,&quot;direction&quot;:&quot;from&quot;,&quot;connectedToId&quot;:&quot;62b6f25e-99f1-4f7b-94da-6f52338052bb&quot;,&quot;arrowID&quot;:&quot;26b7206a-a3b8-4505-b988-ce26794e54ca&quot;},{&quot;anchor&quot;:2,&quot;direction&quot;:&quot;to&quot;,&quot;connectedToId&quot;:&quot;446a1618-dd58-4feb-b1b1-4d83b0f205d7&quot;,&quot;arrowID&quot;:&quot;edbc6513-3653-4051-bf1a-e8f8f667b1c1&quot;,&quot;text&quot;:&quot;x == 0?&quot;},{&quot;anchor&quot;:2,&quot;direction&quot;:&quot;to&quot;,&quot;connectedToId&quot;:&quot;251df423-bf96-4802-bb0e-45d45f003492&quot;,&quot;arrowID&quot;:&quot;827d7f6e-19a3-4c65-9fac-96629255d6ec&quot;,&quot;text&quot;:&quot;x == 1?&quot;},{&quot;anchor&quot;:2,&quot;direction&quot;:&quot;to&quot;,&quot;connectedToId&quot;:&quot;c3e4caf5-9bc9-4447-aee2-1c9e10f4d6b8&quot;,&quot;arrowID&quot;:&quot;8dabe5fe-a8e3-4584-881f-98b9d2a4eb50&quot;,&quot;text&quot;:&quot;default&quot;}]},{&quot;id&quot;:&quot;446a1618-dd58-4feb-b1b1-4d83b0f205d7&quot;,&quot;node&quot;:&quot;op&quot;,&quot;text&quot;:&quot;y = \&quot;Null\&quot;&quot;,&quot;x&quot;:360.76190476190493,&quot;y&quot;:324.59523809523796,&quot;connections&quot;:[{&quot;anchor&quot;:0,&quot;direction&quot;:&quot;from&quot;,&quot;connectedToId&quot;:&quot;1460cb69-c269-4455-bf58-d757e0246ed6&quot;,&quot;arrowID&quot;:&quot;edbc6513-3653-4051-bf1a-e8f8f667b1c1&quot;,&quot;text&quot;:&quot;x == 0?&quot;},{&quot;anchor&quot;:2,&quot;direction&quot;:&quot;to&quot;,&quot;connectedToId&quot;:&quot;c83adf40-f5f2-4bb0-b9a5-7854280b3d2a&quot;,&quot;arrowID&quot;:&quot;15600512-1897-4910-ac16-49b651d5d934&quot;}]},{&quot;id&quot;:&quot;251df423-bf96-4802-bb0e-45d45f003492&quot;,&quot;node&quot;:&quot;op&quot;,&quot;text&quot;:&quot;y = \&quot;Eins\&quot;&quot;,&quot;x&quot;:561.7619047619049,&quot;y&quot;:364.59523809523796,&quot;connections&quot;:[{&quot;anchor&quot;:0,&quot;direction&quot;:&quot;from&quot;,&quot;connectedToId&quot;:&quot;1460cb69-c269-4455-bf58-d757e0246ed6&quot;,&quot;arrowID&quot;:&quot;827d7f6e-19a3-4c65-9fac-96629255d6ec&quot;,&quot;text&quot;:&quot;x == 1?&quot;},{&quot;anchor&quot;:2,&quot;direction&quot;:&quot;to&quot;,&quot;connectedToId&quot;:&quot;c83adf40-f5f2-4bb0-b9a5-7854280b3d2a&quot;,&quot;arrowID&quot;:&quot;5912d0ab-21d8-4c89-98b8-48693526b9c2&quot;}]},{&quot;id&quot;:&quot;c3e4caf5-9bc9-4447-aee2-1c9e10f4d6b8&quot;,&quot;node&quot;:&quot;op&quot;,&quot;text&quot;:&quot;y = \&quot;x ist nicht 0 oder 1\&quot;&quot;,&quot;x&quot;:760.7619047619049,&quot;y&quot;:324.59523809523796,&quot;connections&quot;:[{&quot;anchor&quot;:0,&quot;direction&quot;:&quot;from&quot;,&quot;connectedToId&quot;:&quot;1460cb69-c269-4455-bf58-d757e0246ed6&quot;,&quot;arrowID&quot;:&quot;8dabe5fe-a8e3-4584-881f-98b9d2a4eb50&quot;,&quot;text&quot;:&quot;default&quot;},{&quot;anchor&quot;:2,&quot;direction&quot;:&quot;to&quot;,&quot;connectedToId&quot;:&quot;c83adf40-f5f2-4bb0-b9a5-7854280b3d2a&quot;,&quot;arrowID&quot;:&quot;381aebae-95fb-4d39-b588-34097fad7b49&quot;}]},{&quot;id&quot;:&quot;c83adf40-f5f2-4bb0-b9a5-7854280b3d2a&quot;,&quot;node&quot;:&quot;i/o&quot;,&quot;text&quot;:&quot;Ausgabe: y&quot;,&quot;x&quot;:561.7619047619049,&quot;y&quot;:483.59523809523796,&quot;connections&quot;:[{&quot;anchor&quot;:0,&quot;direction&quot;:&quot;from&quot;,&quot;connectedToId&quot;:&quot;446a1618-dd58-4feb-b1b1-4d83b0f205d7&quot;,&quot;arrowID&quot;:&quot;15600512-1897-4910-ac16-49b651d5d934&quot;},{&quot;anchor&quot;:0,&quot;direction&quot;:&quot;from&quot;,&quot;connectedToId&quot;:&quot;251df423-bf96-4802-bb0e-45d45f003492&quot;,&quot;arrowID&quot;:&quot;5912d0ab-21d8-4c89-98b8-48693526b9c2&quot;},{&quot;anchor&quot;:0,&quot;direction&quot;:&quot;from&quot;,&quot;connectedToId&quot;:&quot;c3e4caf5-9bc9-4447-aee2-1c9e10f4d6b8&quot;,&quot;arrowID&quot;:&quot;381aebae-95fb-4d39-b588-34097fad7b49&quot;},{&quot;anchor&quot;:2,&quot;direction&quot;:&quot;to&quot;,&quot;connectedToId&quot;:&quot;8040524b-33ed-4a84-86dc-5b031293b1e9&quot;,&quot;arrowID&quot;:&quot;953a9fb8-2254-4b41-86b4-c2b48ad1c320&quot;}]},{&quot;id&quot;:&quot;8040524b-33ed-4a84-86dc-5b031293b1e9&quot;,&quot;node&quot;:&quot;end&quot;,&quot;text&quot;:&quot;Ende&quot;,&quot;x&quot;:590.7619047619049,&quot;y&quot;:567.595238095238,&quot;connections&quot;:[{&quot;anchor&quot;:0,&quot;direction&quot;:&quot;from&quot;,&quot;connectedToId&quot;:&quot;c83adf40-f5f2-4bb0-b9a5-7854280b3d2a&quot;,&quot;arrowID&quot;:&quot;953a9fb8-2254-4b41-86b4-c2b48ad1c320&quot;}]}]"
tasklist="[]"
helplist="[]"
height="400"
zoomlevel="60"
canvasoffsetx="307.00000000000017"
canvasoffsety="-61.99999999999994"
font="Courier New"
fontsize="16"
theme="standard"></webwriter-flowchart>