Skip to content

Commit

Permalink
feat: modify original playground to allow on the fly meta parameters …
Browse files Browse the repository at this point in the history
…change + add controls from controller device + add meta parameters to neuron-card + add bias setters + add shift mode on controller device + various improvements
  • Loading branch information
bamdadfr committed Nov 14, 2021
1 parent 57c3d76 commit bedb04a
Show file tree
Hide file tree
Showing 15 changed files with 851 additions and 414 deletions.
1 change: 1 addition & 0 deletions .eslintrc.js
Original file line number Diff line number Diff line change
Expand Up @@ -2,5 +2,6 @@ module.exports = {
extends: '@bamdadsabbagh/eslint-config',
rules: {
'@typescript-eslint/no-explicit-any': 'off',
'brace-style': ['error', 'stroustrup'],
},
};
240 changes: 119 additions & 121 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -313,6 +313,7 @@ <h4>Features</h4>
</marker>
</defs>
</svg>

<!-- Hover card -->
<div id="hovercard">
<div style="font-size:10px">Click anywhere to edit.</div>
Expand All @@ -327,127 +328,7 @@ <h4>Features</h4>
</span>
</div>
</div>
<!-- Neuron card -->
<div id="neuron-card">
<div
class="node"
style="font-size: 10px; text-align: center; width: 100%;"
>Node:
</div>
<div class="title">
<span class="title text">Bias</span>
<span class="title value"></span>
</div>
<div>
<label>
<input step="0.1" type="number" />
</label>
</div>
<div class="title">
<span class="title text">Weight</span>
<span class="title value">#1</span>
</div>
<div>
<label>
<input
class="neuron-card__weight"
step="0.1"
type="number"
/>
</label>
</div>
<div class="title">
<span class="title text">Weight</span>
<span class="title value">#2</span>
</div>
<div>
<label>
<input
class="neuron-card__weight"
step="0.1"
type="number"
/>
</label>
</div>
<div class="title">
<span class="title text">Weight</span>
<span class="title value">#3</span>
</div>
<div>
<label>
<input
class="neuron-card__weight"
step="0.1"
type="number"
/>
</label>
</div>
<div class="title">
<span class="title text">Weight</span>
<span class="title value">#4</span>
</div>
<div>
<label>
<input
class="neuron-card__weight"
step="0.1"
type="number"
/>
</label>
</div>
<div class="title">
<span class="title text">Weight</span>
<span class="title value">#5</span>
</div>
<div>
<label>
<input
class="neuron-card__weight"
step="0.1"
type="number"
/>
</label>
</div>
<div class="title">
<span class="title text">Weight</span>
<span class="title value">#6</span>
</div>
<div>
<label>
<input
class="neuron-card__weight"
step="0.1"
type="number"
/>
</label>
</div>
<div class="title">
<span class="title text">Weight</span>
<span class="title value">#7</span>
</div>
<div>
<label>
<input
class="neuron-card__weight"
step="0.1"
type="number"
/>
</label>
</div>
<div class="title">
<span class="title text">Weight</span>
<span class="title value">#8</span>
</div>
<div>
<label>
<input
class="neuron-card__weight"
step="0.1"
type="number"
/>
</label>
</div>
</div>

<div class="callout thumbnail">
<svg viewBox="0 0 30 30">
<defs>
Expand Down Expand Up @@ -912,6 +793,123 @@ <h6>Novation Launch Control XL (Controller)</h6>
</div>
</dialog>

<!-- Neuron card -->
<div id="neuron-card">
<div class="row header">
<span>Sources</span>
<span>Weights</span>
<span>Biases</span>
<span>Learning rate</span>
<span>Activation</span>
<span>Regularization</span>
<span>Regul. rate</span>
</div>
<div class="row">
<span>#1</span>
<label>
<input class="weight" step="0.1" type="number" />
</label>
<label>
<input class="bias" step="0.1" type="number" />
</label>
<div class="learning-rate"></div>
<div class="activation"></div>
<div class="regularization"></div>
<div class="regularization-rate"></div>
</div>
<div class="row">
<span>#2</span>
<label>
<input class="weight" step="0.1" type="number" />
</label>
<label>
<input class="bias" step="0.1" type="number" />
</label>
<div class="learning-rate"></div>
<div class="activation"></div>
<div class="regularization"></div>
<div class="regularization-rate"></div>
</div>
<div class="row">
<span>#3</span>
<label>
<input class="weight" step="0.1" type="number" />
</label>
<label>
<input class="bias" step="0.1" type="number" />
</label>
<div class="learning-rate"></div>
<div class="activation"></div>
<div class="regularization"></div>
<div class="regularization-rate"></div>
</div>
<div class="row">
<span>#4</span>
<label>
<input class="weight" step="0.1" type="number" />
</label>
<label>
<input class="bias" step="0.1" type="number" />
</label>
<div class="learning-rate"></div>
<div class="activation"></div>
<div class="regularization"></div>
<div class="regularization-rate"></div>
</div>
<div class="row">
<span>#5</span>
<label>
<input class="weight" step="0.1" type="number" />
</label>
<label>
<input class="bias" step="0.1" type="number" />
</label>
<div class="learning-rate"></div>
<div class="activation"></div>
<div class="regularization"></div>
<div class="regularization-rate"></div>
</div>
<div class="row">
<span>#6</span>
<label>
<input class="weight" step="0.1" type="number" />
</label>
<label>
<input class="bias" step="0.1" type="number" />
</label>
<div class="learning-rate"></div>
<div class="activation"></div>
<div class="regularization"></div>
<div class="regularization-rate"></div>
</div>
<div class="row">
<span>#7</span>
<label>
<input class="weight" step="0.1" type="number" />
</label>
<label>
<input class="bias" step="0.1" type="number" />
</label>
<div class="learning-rate"></div>
<div class="activation"></div>
<div class="regularization"></div>
<div class="regularization-rate"></div>
</div>
<div class="row">
<span>#8</span>
<label>
<input class="weight" step="0.1" type="number" />
</label>
<label>
<input class="bias" step="0.1" type="number" />
</label>
<div class="learning-rate"></div>
<div class="activation"></div>
<div class="regularization"></div>
<div class="regularization-rate"></div>
</div>
</div>

<script src="bundle.js"></script>
<!-- Google analytics -->
<script src="analytics.js"></script>
Expand Down
4 changes: 2 additions & 2 deletions src/app/app.ts
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import { midi } from './midi/midi';
import { ui } from './ui/ui';
import { midi } from './midi/midi';

// eslint-disable-next-line @typescript-eslint/no-var-requires
const packageJson = require ('../../package.json');
Expand All @@ -23,5 +23,5 @@ app.init = async function (): Promise<void> {
this.isInitialized = true;

// eslint-disable-next-line no-console
console.log (app);
console.log ({ version: app.version });
};
Loading

0 comments on commit bedb04a

Please sign in to comment.