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