forked from hcientist/OnlinePythonTutor
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathvisualize.html
More file actions
120 lines (104 loc) · 3.67 KB
/
visualize.html
File metadata and controls
120 lines (104 loc) · 3.67 KB
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
<!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">
<!--
Python Tutor: https://github.com/pgbovine/OnlinePythonTutor/
Copyright (C) Philip Guo (philip@pgbovine.net)
LICENSE: https://github.com/pgbovine/OnlinePythonTutor/blob/master/LICENSE.txt
-->
<head>
<title>
Visualize Python, Java, JavaScript, C, C++, Ruby code execution
</title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<!-- let Webpack take care of everything. Use the [hash] feature to
create unique filenames for releases:
https://webpack.github.io/docs/long-term-caching.html -->
<script
type="text/javascript"
src="build/visualize.bundle.js?790b3feeb6"
charset="utf-8"
></script>
<!-- insert google-analytics.txt contents here -->
<style>
#codeInputWarnings,
#surveyPane,
#instructionsPane,
#optionsPane,
#testCasesParent,
#exampleSnippets,
#footer,
#chatDiv,
#showExampleLink,
#eureka_survey {
visibility: hidden;
}
</style>
</head>
<body>
<div id="pyInputPane">
<div id="codeInputWarnings">
Write code in
<select id="pythonVersionSelector">
<option value="3" selected>Python 3.6</option>
<option value="2">Python 2.7</option>
<option value="py3anaconda"
>Python 3.6 with Anaconda (experimental)</option
>
<option value="java">Java 8</option>
<option value="c">C (gcc 4.8, C11)</option>
<option value="cpp">C++ (gcc 4.8, C++11)</option>
<option value="js">JavaScript ES6</option>
<option value="ts">TypeScript 1.4</option>
<option value="ruby">Ruby 2.2</option>
</select>
</div>
<div
id="someoneIsTypingDiv"
style="color: #e93f34; font-weight: bold; display: none;"
>
Someone is typing ...
</div>
<div id="codeInputPane"></div>
<!-- populate with Ace code editor instance -->
<div id="frontendErrorOutput"></div>
<div id="surveyPane"></div>
<p>
<button id="executeBtn" class="bigBtn" type="button">
Visualize Execution
</button>
</p>
<div id="instructionsPane"></div>
<div id="javaOptionsPane" style="margin-top: 20px;">
<!--[<i>coming soon!</i>] Java options: pass in command-line arguments and feed user input to stdin-->
</div>
<div id="optionsPane">
<select id="cumulativeModeSelector">
<option value="false">hide exited frames [default]</option>
<option value="true">show all frames (Python)</option>
</select>
<select id="heapPrimitivesSelector">
<option value="false"
>inline primitives and try to nest objects</option
>
<option value="nevernest" selected
>inline primitives but don't nest objects [default]</option
>
<option value="true"
>render all objects on the heap (Python/Java)</option
>
</select>
<select id="textualMemoryLabelsSelector">
<option value="false">draw pointers as arrows [default]</option>
<option value="true">use text labels for pointers</option>
</select>
</div>
<div id="testCasesParent"></div>
<div id="exampleSnippets"></div>
</div>
<div id="pyOutputPane"></div>
<div id="footer"></div>
<!-- for Codeopticon,
adapted from: http://reason.cs.illinois.edu/wenpu1/chatbox.html -->
<div id="chat_div"></div>
</body>
</html>