Skip to content
This repository was archived by the owner on Aug 15, 2019. It is now read-only.

Commit 123a37c

Browse files
chihuahuadsmilkov
chihuahua
authored and
dsmilkov
committed
Write a tutorial for deeplearn.js (#15)
* Write a tutorial for deeplearn.js This tutorial takes the reader through making a model to predict the complements of colors within RGB space. We make a simple feed forward network with 3 fully-connected layers. * . * Finish md * Update TOC * Update complementary_color_prediction.md * Remove npm-debug.log and .DS_Store Also modified .gitignore to avoid re-adding them. * Address comments * Change image URL * Move comment closing tag to next line * Make png link relative * Remove unused imports * Make links relative * Describe problem of channel stuck at 0 * . * .
1 parent 057b1da commit 123a37c

File tree

6 files changed

+775
-0
lines changed

6 files changed

+775
-0
lines changed

‎.gitignore‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,3 +4,6 @@ demos/**/*.js.map
44
coverage/
55
bower_components/
66
index.ts
7+
8+
npm-debug.log
9+
.DS_Store

‎demos/complementary-color-prediction/blue-channel-at-0.png‎

79.6 KB
Loading

‎demos/complementary-color-prediction/complementary-color-prediction.html‎

Lines changed: 137 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,137 @@
1+
<!-- Copyright 2017 Google Inc. All Rights Reserved.
2+
Licensed under the Apache License, Version 2.0 (the "License");
3+
you may not use this file except in compliance with the License.
4+
You may obtain a copy of the License at
5+
http://www.apache.org/licenses/LICENSE-2.0
6+
Unless required by applicable law or agreed to in writing, software
7+
distributed under the License is distributed on an "AS IS" BASIS,
8+
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
9+
See the License for the specific language governing permissions and
10+
limitations under the License.
11+
==============================================================================
12+
-->
13+
<!doctype html>
14+
<style>
15+
* {
16+
font-family: arial, sans-serif;
17+
}
18+
19+
#color-table {
20+
border-collapse: collapse;
21+
text-align: center;
22+
}
23+
24+
#color-table, #color-table th, #color-table td {
25+
border: 1px solid #000;
26+
}
27+
28+
#color-table th, #color-table td {
29+
padding: 10px;
30+
}
31+
32+
#color-table td {
33+
width: 200px;
34+
}
35+
36+
.color-box {
37+
border-radius: 10px;
38+
height: 60px;
39+
margin: 10px 0 0 0;
40+
width: 100%;
41+
}
42+
</style>
43+
<body>
44+
<table id='color-table' border='0'>
45+
<tr>
46+
<th>Original Color</th>
47+
<th>Actual Complement</th>
48+
<th>Predicted Complement</th>
49+
</tr>
50+
<tr data-original-color='244,67,54'>
51+
<td></td>
52+
<td></td>
53+
<td></td>
54+
</tr>
55+
<tr data-original-color='233,30,99'>
56+
<td></td>
57+
<td></td>
58+
<td></td>
59+
</tr>
60+
<tr data-original-color='156,39,176'>
61+
<td></td>
62+
<td></td>
63+
<td></td>
64+
</tr>
65+
<tr data-original-color='103,58,183'>
66+
<td></td>
67+
<td></td>
68+
<td></td>
69+
</tr>
70+
<tr data-original-color='63,81,181'>
71+
<td></td>
72+
<td></td>
73+
<td></td>
74+
</tr>
75+
<tr data-original-color='33,150,243'>
76+
<td></td>
77+
<td></td>
78+
<td></td>
79+
</tr>
80+
<tr data-original-color='76,175,80'>
81+
<td></td>
82+
<td></td>
83+
<td></td>
84+
</tr>
85+
<tr data-original-color='139,195,74'>
86+
<td></td>
87+
<td></td>
88+
<td></td>
89+
</tr>
90+
<tr data-original-color='205,220,57'>
91+
<td></td>
92+
<td></td>
93+
<td></td>
94+
</tr>
95+
<tr data-original-color='255,235,59'>
96+
<td></td>
97+
<td></td>
98+
<td></td>
99+
</tr>
100+
<tr data-original-color='255,193,7'>
101+
<td></td>
102+
<td></td>
103+
<td></td>
104+
</tr>
105+
<tr data-original-color='255,152,0'>
106+
<td></td>
107+
<td></td>
108+
<td></td>
109+
</tr>
110+
<tr data-original-color='255,87,34'>
111+
<td></td>
112+
<td></td>
113+
<td></td>
114+
</tr>
115+
<tr data-original-color='121,85,72'>
116+
<td></td>
117+
<td></td>
118+
<td></td>
119+
</tr>
120+
<tr data-original-color='158,158,158'>
121+
<td></td>
122+
<td></td>
123+
<td></td>
124+
</tr>
125+
<tr data-original-color='96,125,139'>
126+
<td></td>
127+
<td></td>
128+
<td></td>
129+
</tr>
130+
<tr data-original-color='0,0,0'>
131+
<td></td>
132+
<td></td>
133+
<td></td>
134+
</tr>
135+
</table>
136+
<script src='bundle.js'></script>
137+
</body>

‎demos/complementary-color-prediction/complementary-color-prediction.png‎

513 KB
Loading

0 commit comments

Comments
 (0)