-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
184 lines (176 loc) · 11.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Binary Tree Visualiser - Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="title" content="Web site" />
<meta name="description" content="Site description here" />
<meta name="keywords" content="keywords here" />
<meta name="language" content="en" />
<meta name="subject" content="Site subject here" />
<meta name="robots" content="All" />
<meta name="copyright" content="Your company" />
<meta name="abstract" content="Site description here" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<link id="theme" rel="stylesheet" type="text/css" href="styles/style.css" title="theme" />
<script type="text/javascript" src="styles/style.js"></script>
<script type="text/javascript" language="javascript" src="styles/slideshow/addon.js"></script>
<script type="text/javascript" language="javascript" src="styles/slideshow/custom.js"></script>
</head>
<body>
<!-- top wrapper -->
<div id="topWrapper">
<div id="topBanner"></div>
</div>
<div id="topnav">
<ul>
<li id="current">
<a href="index.html" shape="rect">Home</a>
</li>
<li>
<a href="binary-heap.html" shape="rect">Binary Heap</a>
</li>
<li>
<a href="binary-search-tree.html" shape="rect">Binary Search Tree</a>
</li>
<li>
<a href="pseudocodes.html" shape="rect">Pseudocodes</a>
</li>
<li>
<a href="instructions.html" shape="rect">Instructions</a>
</li>
</ul>
</div>
<!-- end top wrapper -->
<div id="wrapper">
<div id="container">
<div id="banner" class="slideshowContainer">
<!-- put your slideshow images here -->
<div class="slideshow">
<!-- BST insert -->
<a href="binary-search-tree.html" title="Binary Search Tree - insert" target="_self" shape="rect">
<img src="images/slideshow/BSTinsert0.png" alt="Binary Search Tree - insert"/>
</a>
<a href="binary-search-tree.html" title="Binary Search Tree - insert" target="_self" shape="rect">
<img src="images/slideshow/BSTinsert1.png" alt="Binary Search Tree - insert"/>
</a>
<a href="binary-search-tree.html" title="Binary Search Tree - insert" target="_self" shape="rect">
<img src="images/slideshow/BSTinsert2.png" alt="Binary Search Tree - insert"/>
</a>
<a href="binary-search-tree.html" title="Binary Search Tree - insert" target="_self" shape="rect">
<img src="images/slideshow/BSTinsert3.png" alt="Binary Search Tree - insert"/>
</a>
<a href="binary-search-tree.html" title="Binary Search Tree - insert" target="_self" shape="rect">
<img src="images/slideshow/BSTinsert4.png" alt="Binary Search Tree - insert"/>
</a>
<!-- BST delete -->
<a href="binary-search-tree.html" title="Binary Search Tree - remove" target="_self" shape="rect">
<img src="images/slideshow/BSTdelete0.png" alt="Binary Search Tree - remove"/>
</a>
<a href="binary-search-tree.html" title="Binary Search Tree - remove" target="_self" shape="rect">
<img src="images/slideshow/BSTdelete1.png" alt="Binary Search Tree - remove"/>
</a>
<a href="binary-search-tree.html" title="Binary Search Tree - remove" target="_self" shape="rect">
<img src="images/slideshow/BSTdelete2.png" alt="Binary Search Tree - remove"/>
</a>
<a href="binary-search-tree.html" title="Binary Search Tree - remove" target="_self" shape="rect">
<img src="images/slideshow/BSTdelete3.png" alt="Binary Search Tree - remove"/>
</a>
<!-- BH extract max -->
<!--
<a href="binary-heap.html" title="Binary Heap - extract max" target="_self" shape="rect">
<img src="images/slideshow/BHextractMax0.png" alt="Binary Heap - extract max"/>
</a>
<a href="binary-heap.html" title="Binary Heap - extract max" target="_self" shape="rect">
<img src="images/slideshow/BHextractMax1.png" alt="Binary Heap - extract max"/>
</a>
<a href="binary-heap.html" title="Binary Heap - extract max" target="_self" shape="rect">
<img src="images/slideshow/BHextractMax2.png" alt="Binary Heap - extract max"/>
</a>
<a href="binary-heap.html" title="Binary Heap - extract max" target="_self" shape="rect">
<img src="images/slideshow/BHextractMax3.png" alt="Binary Heap - extract max"/>
</a>
<a href="binary-heap.html" title="Binary Heap - extract max" target="_self" shape="rect">
<img src="images/slideshow/BHextractMax4.png" alt="Binary Heap - extract max"/>
</a>
<a href="binary-heap.html" title="Binary Heap - extract max" target="_self" shape="rect">
<img src="images/slideshow/BHextractMax5.png" alt="Binary Heap - extract max"/>
</a>
<a href="binary-heap.html" title="Binary Heap - extract max" target="_self" shape="rect">
<img src="images/slideshow/BHextractMax6.png" alt="Binary Heap - extract max"/>
</a>
<a href="binary-heap.html" title="Binary Heap - extract max" target="_self" shape="rect">
<img src="images/slideshow/BHextractMax7.png" alt="Binary Heap - extract max"/>
</a>
<a href="binary-heap.html" title="Binary Heap - extract max" target="_self" shape="rect">
<img src="images/slideshow/BHextractMax8.png" alt="Binary Heap - extract max"/>
</a>
<a href="binary-heap.html" title="Binary Heap - extract max" target="_self" shape="rect">
<img src="images/slideshow/BHextractMax9.png" alt="Binary Heap - extract max"/>
</a>
<a href="binary-heap.html" title="Binary Heap - extract max" target="_self" shape="rect">
<img src="images/slideshow/BHextractMax10.png" alt="Binary Heap - extract max"/>
</a>
<a href="binary-heap.html" title="Binary Heap - extract max" target="_self" shape="rect">
<img src="images/slideshow/BHextractMax11.png" alt="Binary Heap - extract max"/>
</a>
-->
</div>
<div class="slideshowLeftCorner"></div>
<div class="slideshowRightCorner"></div>
<div class="slideshowBottom"></div>
</div>
<!-- content -->
<div id="content">
<div style="margin-top:20px;">
<div class="clear"></div>
<div>
<h1>Welcome!</h1>
<p>
The <b>BinaryTreeVisualiser</b> is a JavaScript application for visualising algorithms on binary trees.
</p>
<p>
First look at <a href="instructions.html">instructions</a> where you find how to use this application. Then you can start using the application to the full.
At the moment there are implemented these data structures: <a href="binary-search-tree.html">binary search tree</a> and <a href="binary-heap.html">binary heap + priority queue</a>.
</p>
<p>
A little of a theory you can get from <a href="pseudocodes.html">pseudocode</a> section. There are definitions of used data structures and explanation of the algorithms.
</p>
<p>
This is a first version of the application. I have a lot of good ideas how to improve it.
I want make the draw area resizable, create more algorithms on more data structures (AVL tree, B-tree, etc.), list currently animating (sub)algorithm.
However if you have some idea you can <a href="mailto:[email protected]">let me know</a>.
</p>
<p>
You can <a href="BinaryTreeVisualiser.zip">download</a> the whole web and use it offline.
</p>
</div>
<div class="half">
<h3>Bachelor‘s final project</h3>
<p>These web pages are part of my Bachelor‘s final project on CTU FIT. A topic was 'Web environment for algorithms on binary trees', my supervisor was Ing. Tomas Rehorek (author JSGL).</p>
</div>
<div class="half last">
<h3>JavaScript Graphic Library</h3>
<p>For rendering graphics is used open-Source, browser independent 2D vector graphics library for JavaScript - <a href="http://www.jsgl.org">JSGL</a>.</p>
</div>
</div>
<div class="clear"></div>
</div>
<!-- end content -->
<div class="clear" style="height:40px"></div>
</div>
<!-- end container -->
</div>
<div id="bottomWrapper">
<div id="bottom-links">
<div style="padding-top:20px">
<!--
DO NOT REMOVE OR MODIFY THE FOOTER LINK BELOW.
If you want to remove this link please make a 10 dollars donation at www.dotemplate.com
-->
<a href="http://www.dotemplate.com" shape="rect">Templates</a> maker
</div>
</div>
</div>
</body>
</html>