Skip to content

Commit 438c4ad

Browse files
syt123450syt123450
committed
add inceptionv3 page in playground
1 parent aa17b0a commit 438c4ad

File tree

6 files changed

+1942
-1
lines changed

6 files changed

+1942
-1
lines changed

‎assets/data/tabby.json‎

Lines changed: 1 addition & 0 deletions
Large diffs are not rendered by default.

‎assets/img/playground/tabby.jpg‎

64 KB
Loading

‎assets/jslib/tensorspace.min.js‎

Lines changed: 2 additions & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎html/playground/inceptionv3.html‎

Lines changed: 171 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,171 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>TensorSpace Playground - InceptionV3</title>
6+
7+
<meta name="description" content="TensorSpace.js Playground">
8+
<meta name="author" content="syt123450 / https://github.com/syt123450">
9+
<link rel='icon' href='../../assets/img/common/logo.ico' type=‘image/x-ico’>
10+
<meta name="viewport" content="width = device-width, initial-scale =1.0, maximum-scale = 1.0, user-scalable = no">
11+
12+
<script src="../../assets/jslib/jquery.min.js"></script>
13+
<link rel="stylesheet" href="../../assets/csslib/bootstrap.min.css">
14+
<script src="../../assets/jslib/bootstrap.min.js"></script>
15+
<script src="../../assets/jslib/three.min.js"></script>
16+
<script src="../../assets/jslib/tween.min.js"></script>
17+
<script src="../../assets/jslib/tf.min.js"></script>
18+
<script src="../../assets/jslib/TrackballControls.js"></script>
19+
<script src="../../assets/jslib/stats.min.js"></script>
20+
<script src="../../assets/jslib/tensorspace.min.js"></script>
21+
22+
<link rel="stylesheet" href="../../assets/csslib/material.fonts.css">
23+
<link rel="stylesheet" href="../../assets/csslib/material.min.css">
24+
<script src="../../assets/jslib/material.min.js"></script>
25+
26+
<link rel="stylesheet" href="../../css/common.css">
27+
<link rel="stylesheet" href="../../css/playground.css">
28+
<link rel="stylesheet" href="../../css/playgroundAlex.css">
29+
<link rel="stylesheet" href="../../css/imageSelector.css">
30+
31+
<script src="../../js/playground.js"></script>
32+
<script src="../../js/inceptionv3.js"></script>
33+
34+
</head>
35+
<body>
36+
37+
<nav>
38+
39+
<div class="container">
40+
41+
<div id="logo">
42+
<a href="../../index.html">
43+
<img src="../../assets/img/common/logoSmall.png">
44+
<div>TensorSpace.js</div>
45+
</a>
46+
</div>
47+
48+
<ul class="hidden-xs">
49+
<li><a href="../docs/startIntro.html">Documentation</a></li>
50+
<li class="now"><a href="index.html">Playground</a></li>
51+
<!--<li><a href="../gallery.html">Gallery</a></li>-->
52+
<li><a href="../../index.html#download">Download</a></li>
53+
<!--<li><a href="../developer.html">Developer</a></li>-->
54+
55+
<a href="https://github.com/tensorspace-team/tensorspace" class="github-corner-playground" aria-label="View source on Github">
56+
<svg viewBox="0 0 250 250" aria-hidden="true">
57+
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
58+
<path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
59+
fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
60+
<path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
61+
fill="currentColor" class="octo-body"></path>
62+
</svg>
63+
</a>
64+
65+
</ul>
66+
67+
</div>
68+
69+
<ul id="more" class="nav nav-tabs visible-xs">
70+
<li>
71+
<a>
72+
<span class="glyphicon glyphicon-th-large"></span>
73+
</a>
74+
</li>
75+
</ul>
76+
77+
<ul id="nav-collapse" class="nav navbar-nav">
78+
<li><a href="../../index.html">Home</a></li>
79+
<li><a href="../docs/startIntro.html">Documentation</a></li>
80+
<li><a href="../../index.html#download">Download</a></li>
81+
<!--<li><a href="../developer.html">Developer</a></li>-->
82+
</ul>
83+
84+
<div class="language">
85+
<div class="selected">
86+
<div>EN</div>
87+
</div>
88+
<div>
89+
<div><a href="inceptionv3_zh.html">中</a></div>
90+
</div>
91+
</div>
92+
93+
</nav>
94+
95+
<aside id="playgroundNav">
96+
<div><a href="index.html">Introduction</a></div>
97+
<div><a href="lenet.html">LeNet</a><span class="aside-size-of-model">0.2MB</span></div>
98+
<div><a href="trainingLeNet.html">LeNet Training Visualization</a></div>
99+
<div><a href="alexnet.html">AlexNet</a><span class="aside-size-of-model">237MB</span></div>
100+
<div><a href="vgg16.html">VGG-16</a><span class="aside-size-of-model">527MB</span></div>
101+
<div class="now-label">InceptionV3<span class="aside-size-of-model">96MB</span></div>
102+
<div><a href="resnet50.html">ResNet-50</a><span class="aside-size-of-model">98MB</span></div>
103+
<div><a href="mobilenetv1.html">MobileNetv1</a><span class="aside-size-of-model">16MB</span></div>
104+
<div><a href="yolov2-tiny.html">YOLOv2-tiny</a><span class="aside-size-of-model">60MB</span></div>
105+
<div><a href="acgan.html">ACGAN</a><span class="aside-size-of-model">3MB</span></div>
106+
<img id="close" src="../../assets/img/playground/close.png">
107+
</aside>
108+
109+
<div id="curtain"></div>
110+
111+
<button id="playgroundMenu" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
112+
<i class="material-icons">menu</i>
113+
</button>
114+
115+
<main>
116+
117+
<div id="loadingPad">
118+
<img id="loading" src="../../assets/img/loading/mouseLoading.gif">
119+
<div class="loading-label">
120+
Downloading InceptionV3 pre-trained model...<br>96MB <span class="span-estimate">- Estimate 1min to 5min</span>
121+
</div>
122+
</div>
123+
<div id="modelArea"></div>
124+
<div id="controlPanel">
125+
126+
<div class="panelTitle">InceptionV3</div>
127+
<div class="nav-size-of-model">( Model Size: 96MB )</div>
128+
129+
<img id="labelImage" src="../../assets/img/playground/tabby.jpg">
130+
131+
<button id="selectorTrigger" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
132+
Select an image
133+
</button>
134+
135+
<div id="hint">InceptionV3 thinks its a</div>
136+
137+
<div id="PredictResult">?</div>
138+
139+
</div>
140+
141+
<div id="selector">
142+
<header>Select an Image to Predict</header>
143+
<main>
144+
<div>
145+
<img id="data1" src="../../assets/img/playground/tabby.jpg">
146+
</div>
147+
<div>
148+
<img id="data2" src="../../assets/img/playground/macaw.jpg">
149+
</div>
150+
<div>
151+
<img id="data3" src="../../assets/img/playground/tigerShark.jpg">
152+
</div>
153+
<div>
154+
<img id="data4" src="../../assets/img/playground/golfBall.jpg">
155+
</div>
156+
<div>
157+
<img id="data5" src="../../assets/img/playground/golfCart.jpg">
158+
</div>
159+
</main>
160+
<footer>
161+
<div id="executePredict">Predict</div>
162+
<div id="cancelPredict">Cancel</div>
163+
</footer>
164+
</div>
165+
166+
<div id="selectorCurtain"></div>
167+
168+
</main>
169+
170+
</body>
171+
</html>

‎html/playground/inceptionv3_zh.html‎

Lines changed: 171 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,171 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>体验TensorSpace - InceptionV3</title>
6+
7+
<meta name="description" content="TensorSpace.js Playground">
8+
<meta name="author" content="syt123450 / https://github.com/syt123450">
9+
<link rel='icon' href='../../assets/img/common/logo.ico' type=‘image/x-ico’>
10+
<meta name="viewport" content="width = device-width, initial-scale =1.0, maximum-scale = 1.0, user-scalable = no">
11+
12+
<script src="../../assets/jslib/jquery.min.js"></script>
13+
<link rel="stylesheet" href="../../assets/csslib/bootstrap.min.css">
14+
<script src="../../assets/jslib/bootstrap.min.js"></script>
15+
<script src="../../assets/jslib/three.min.js"></script>
16+
<script src="../../assets/jslib/tween.min.js"></script>
17+
<script src="../../assets/jslib/tf.min.js"></script>
18+
<script src="../../assets/jslib/TrackballControls.js"></script>
19+
<script src="../../assets/jslib/stats.min.js"></script>
20+
<script src="../../assets/jslib/tensorspace.min.js"></script>
21+
22+
<link rel="stylesheet" href="../../assets/csslib/material.fonts.css">
23+
<link rel="stylesheet" href="../../assets/csslib/material.min.css">
24+
<script src="../../assets/jslib/material.min.js"></script>
25+
26+
<link rel="stylesheet" href="../../css/common.css">
27+
<link rel="stylesheet" href="../../css/playground.css">
28+
<link rel="stylesheet" href="../../css/playgroundAlex.css">
29+
<link rel="stylesheet" href="../../css/imageSelector.css">
30+
31+
<script src="../../js/playground.js"></script>
32+
<script src="../../js/inceptionv3.js"></script>
33+
34+
</head>
35+
<body>
36+
37+
<nav>
38+
39+
<div class="container">
40+
41+
<div id="logo">
42+
<a href="../../index_zh.html">
43+
<img src="../../assets/img/common/logoSmall.png">
44+
<div>TensorSpace.js</div>
45+
</a>
46+
</div>
47+
48+
<ul class="hidden-xs">
49+
<li><a href="../docs/startIntro_zh.html">文档</a></li>
50+
<li class="now"><a href="index_zh.html">体验TensorSpace</a></li>
51+
<!--<li><a href="../gallery_zh.html">Gallery</a></li>-->
52+
<li><a href="../../index_zh.html#download">下载</a></li>
53+
<!--<li><a href="../developer_zh.html">Developer</a></li>-->
54+
55+
<a href="https://github.com/tensorspace-team/tensorspace" class="github-corner-playground" aria-label="View source on Github">
56+
<svg viewBox="0 0 250 250" aria-hidden="true">
57+
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
58+
<path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
59+
fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
60+
<path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
61+
fill="currentColor" class="octo-body"></path>
62+
</svg>
63+
</a>
64+
65+
</ul>
66+
67+
</div>
68+
69+
<ul id="more" class="nav nav-tabs visible-xs">
70+
<li>
71+
<a>
72+
<span class="glyphicon glyphicon-th-large"></span>
73+
</a>
74+
</li>
75+
</ul>
76+
77+
<ul id="nav-collapse" class="nav navbar-nav">
78+
<li><a href="../../index_zh.html">首页</a></li>
79+
<li><a href="../docs/startIntro_zh.html">文档</a></li>
80+
<li><a href="../../index_zh.html#download">下载</a></li>
81+
<!--<li><a href="../developer_zh.html">Developer</a></li>-->
82+
</ul>
83+
84+
<div class="language">
85+
<div>
86+
<div><a href="inceptionv3.html">EN</a></div>
87+
</div>
88+
<div class="selected">
89+
<div>中</div>
90+
</div>
91+
</div>
92+
93+
</nav>
94+
95+
<aside id="playgroundNav">
96+
<div><a href="index_zh.html">简介</a></div>
97+
<div><a href="lenet_zh.html">LeNet</a><span class="aside-size-of-model">0.2MB</span></div>
98+
<div><a href="trainingLeNet_zh.html">LeNet 训练可视化</a></div>
99+
<div><a href="alexnet_zh.html">AlexNet</a><span class="aside-size-of-model">237MB</span></div>
100+
<div><a href="vgg16_zh.html">VGG-16</a><span class="aside-size-of-model">527MB</span></div>
101+
<div class="now-label">InceptionV3<span class="aside-size-of-model">96MB</span></div>
102+
<div><a href="resnet50_zh.html">ResNet-50</a><span class="aside-size-of-model">98MB</span></div>
103+
<div><a href="mobilenetv1_zh.html">MobileNetv1</a><span class="aside-size-of-model">16MB</span></div>
104+
<div><a href="yolov2-tiny_zh.html">YOLOv2-tiny</a><span class="aside-size-of-model">60MB</span></div>
105+
<div><a href="acgan_zh.html">ACGAN</a><span class="aside-size-of-model">3MB</span></div>
106+
<img id="close" src="../../assets/img/playground/close.png">
107+
</aside>
108+
109+
<div id="curtain"></div>
110+
111+
<button id="playgroundMenu" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
112+
<i class="material-icons">menu</i>
113+
</button>
114+
115+
<main>
116+
117+
<div id="loadingPad">
118+
<img id="loading" src="../../assets/img/loading/mouseLoading.gif">
119+
<div class="loading-label">
120+
正在下载InceptionV3预训练模型...<br>237MB <span class="span-estimate">- 估计3min到10min</span>
121+
</div>
122+
</div>
123+
<div id="modelArea"></div>
124+
<div id="controlPanel">
125+
126+
<div class="panelTitle">InceptionV3</div>
127+
<div class="nav-size-of-model">( Model Size: 96MB )</div>
128+
129+
<img id="labelImage" src="../../assets/img/playground/tabby.jpg">
130+
131+
<button id="selectorTrigger" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
132+
选择一张图片
133+
</button>
134+
135+
<div id="hint">InceptionV3认为这是一个</div>
136+
137+
<div id="PredictResult">?</div>
138+
139+
</div>
140+
141+
<div id="selector">
142+
<header>选择一张图片进行预测</header>
143+
<main>
144+
<div>
145+
<img id="data1" src="../../assets/img/playground/tabby.jpg">
146+
</div>
147+
<div>
148+
<img id="data2" src="../../assets/img/playground/macaw.jpg">
149+
</div>
150+
<div>
151+
<img id="data3" src="../../assets/img/playground/tigerShark.jpg">
152+
</div>
153+
<div>
154+
<img id="data4" src="../../assets/img/playground/golfBall.jpg">
155+
</div>
156+
<div>
157+
<img id="data5" src="../../assets/img/playground/golfCart.jpg">
158+
</div>
159+
</main>
160+
<footer>
161+
<div id="executePredict">预测</div>
162+
<div id="cancelPredict">取消</div>
163+
</footer>
164+
</div>
165+
166+
<div id="selectorCurtain"></div>
167+
168+
</main>
169+
170+
</body>
171+
</html>

0 commit comments

Comments
 (0)