Skip to content

Commit

Permalink
completed project including documentation and quiz questions
Browse files Browse the repository at this point in the history
  • Loading branch information
@saum7800
saum7800 committed Jul 16, 2019
1 parent c4825da commit 0532fd1
Show file tree
Hide file tree
Showing 11 changed files with 1,010 additions and 147 deletions.
52 changes: 44 additions & 8 deletions SRIP/Codes/clnn_srip.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,11 @@
font-family:sans-serif;
}

html{
background:url(https://bbl.solutions/wp-content/uploads/2014/11/Blog-background-white-HNM-blue-gradient-blue-gear-2.png);
background-size: cover;

body{
background-image: url(https://bbl.solutions/wp-content/uploads/2014/11/Blog-background-white-HNM-blue-gradient-blue-gear-2.png);
background-size: cover;
background-position: center;
}

#heading{
Expand Down Expand Up @@ -34,7 +36,7 @@
margin-right: 15px;
}

.btn {
.my-button {
border: none;
padding: 14px 28px;
font-size: 16px;
Expand All @@ -45,7 +47,7 @@
border-radius:10px;
margin-right: 15px;
}
.btn:hover{
.my-button:hover{
background:orange;
}

Expand Down Expand Up @@ -80,7 +82,41 @@

#one{
margin-bottom:20px;
float: right;
margin-right: 2%;

}


.counter-section {


margin: 0% auto;
color: black;
}

.icon-box{

height: 80px;
width: 80px;
margin:5px auto;

}

.icon-box .fa{
font-size: 40px;
margin: 25px auto;
color: #ffc800;

}

.icon-box .fas{
font-size: 40px;
margin: 25px auto;
color: #ffc800;
}

.counter-box p{
font-size: 20px;
}

.counter-box .counter {
font-size: 40px;
}
128 changes: 80 additions & 48 deletions SRIP/Codes/clnn_srip.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,63 +2,95 @@
<html>

<head>
<!-- Plotly.js -->
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<script src="clnn_srip.js"></script>
<link rel="stylesheet" type="text/css" href="clnn_srip.css">
<!-- Plotly.js -->
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<script src="clnn_srip.js"></script>
<link rel="stylesheet" type="text/css" href="clnn_srip.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
</head>

<body onLoad="document.getElementById('region').options[0].selected = 'selected';">
<h1 id="heading">Competitive Learning Neural Networks</h1>
<br><br>
<div id="centre_button">
<select class="styleSelect" id="region">
<h1 id="heading">Competitive Learning Neural Networks</h1>
<br><br>
<div id="centre_button">

<select class="styleSelect" id="region">
<option value="default">Region</option>
<option value="square">Square</option>
<option value="circle">Circle</option>
<option value="triangle">Triangle</option>
</select>
</select>

<button class="btn" onclick="generateData()">Generate Data</button>
<button class="btn" onclick="nextIteration()">nextIteration</button>
<button class="btn" onclick="document.location.reload(true)">Reset</button>
<br><br><br><br>
</div>
<div id="flex-container">
<div id="data-distribution">
<!-- Plotly chart will be drawn inside this DIV -->
</div>
<table id="one">
<tr>
<th>Variables</th>
<th>Value</th>
</tr>
<tr>
<td>Number of data points</td>
<td><input type="text" autocomplete="off" id="num_points" value='500'></td>
</tr>
<tr>
<td>Iteration Step Size</td>
<td><input type="text" autocomplete="off" id="iter_step_size" value='1'></td>
</tr>
<tr>
<td>Initial sigma0</td>
<td><input type="text" autocomplete="off" id="init_sig0" value='1.0'></td>
</tr>
<tr>
<td>Initial learning rate</td>
<td><input type="text" autocomplete="off" id="init_learn_rate" value='0.05'></td>
</tr>
<tr>
<td>Dimensions of 2D-2D(NxN)</td>
<td><input type="text" autocomplete="off" id="dimension" value='6'></td>
</tr>
</table>
<div id="weight-distribution">
<button class="my-button" id="generate-data" onclick="generateData()">Generate Graphs</button>
<button class="my-button" onclick="nextIteration()">Next Iteration</button>
<button class="my-button" onclick="document.location.reload(true)">Reset</button>
<button class="my-button" onclick="window.open('help.html','_blank')">Help</button>
<br><br>
</div>
<div id="flex-container">
<div id="data-distribution">
<!-- Plotly chart will be drawn inside this DIV -->
</div>
<div style="margin: -22%;">
<table id="one">
<tr>
<th>Variables</th>
<th>Value</th>
</tr>
<tr>
<td>Number of data points</td>
<td><input type="text" autocomplete="off" id="num_points" value='1000'></td>
</tr>
<tr>
<td>Total iterations(tau1 and tau2)</td>
<td><input type="text" autocomplete="off" id="tot_iter" value='100'></td>
</tr>
<tr>
<td>Iteration Step Size</td>
<td><input type="text" autocomplete="off" id="iter_step_size" value='1'></td>
</tr>
<tr>
<td>Initial sigma value</td>
<td><input type="text" autocomplete="off" id="init_sig0" value='1.0'></td>
</tr>
<tr>
<td>Initial learning rate</td>
<td><input type="text" autocomplete="off" id="init_learn_rate" value='0.05'></td>
</tr>
<tr>
<td>Dimensions of 2D-2D(NxN)</td>
<td><input type="text" autocomplete="off" id="dimension" value='6'></td>
</tr>
</table>
</div>

<div id="weight-distribution" >
<!-- Plotly chart will be drawn inside this DIV -->
</div>
</div>
</div>

</div>

<div class="container mr-5 counter-section">
<div class="row text-center">
<div class="col-md-2 counter-box">
<div class="icon-box"> <i class="fas fa-brain"></i></div>
<p class="counter" id="learn-rate">0.05</p>
<p>learning rate</p>
</div>
<div class="col-md-2 counter-box">
<div class="icon-box"> <i class="fa fa-sitemap"></i></div>
<p class="counter" id="iteration-number">0</p>
<p>iteration number</p>
</div>
<div class="col-md-2 counter-box">
<div class="icon-box"> <i class="fas fa-calculator"></i></div>
<p class="counter" id="sigma">1.0</p>
<p>sigma</p>
</div>
</div>
</div>
</body>

</html>
Loading

0 comments on commit 0532fd1

Please sign in to comment.