forked from hcientist/OnlinePythonTutor
-
Notifications
You must be signed in to change notification settings - Fork 1
/
visualize.html
109 lines (80 loc) · 3.36 KB
/
visualize.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
<!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 ([email protected])
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?06f85e09f4" charset="utf-8"></script>
<!-- insert google-analytics.txt contents here -->
</head>
<body>
<table id="experimentalHeader">
<tr>
<td valign="top" id="headerTdLeft"></td>
<td valign="top" id="headerTdRight">
<div id="surveyHeader">
<!-- this banner ad deployed on 2017-07-28, taken down on 2017-09-12 -->
<!--
<a target="_blank" href="http://www.labinthewild.org/studies/python_tutor/"><img border="0" style="width: 500px; margin-bottom: 22px;" src="litw-debug-banner.png"/></a>
-->
</div>
</td>
</tr>
</table>
<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="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>
<button style="margin-left: 20px;" id="liveModeBtn" class="bigBtn" type="button">Live Programming Mode</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>