JamesFlare/CSCI-1200
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

adding iterative traversal animations

Browse Source
This commit is contained in:
Jidong Xiao
2025-04-21 17:24:46 -04:00
committed by JamesFlare1212
parent 7b9d3983ed
commit d0385b27f1
13 changed files with 55754 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
animations/trees/iterative/inorder/inorder.html Normal file
View File

@@ -0,0 +1,30 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>In-Order Traversal (Step-by-Step)</title>
<script src="konva.js"></script>
<link rel="stylesheet" href="inorder.css">
</head>
<body>
<div id="main-container">
<div id="tree-container"></div>
<div id="stack-container">
<div id="stack-title">Stack</div>
<div id="stack-visual"></div>
</div>
</div>
<div id="controls">
<button id="stepBtn">Step</button>
<button id="resetBtn">Start Over</button>
</div>
<div id="status">
<span class="label">Now checking:</span> <span id="currentVal">None</span> |
<span class="label">Status:</span> <span id="reason">Ready</span>
</div>
<div id="log"><strong>Traversal Sequence:</strong> <span id="seq"></span></div>
<div id="final-seq"><strong>Final Sequence:</strong> 4 2 6 5 7 1 3 8 9</div>
<script src="inorder.js"></script>
</body>
</html>