doughogan.github.io/batching-sliders.html at master · doughogan/doughogan.github.io · GitHub

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
<html>

   <head><title>Batching Slider Exercise</title></head>

   <body>

      <h2>Batching Activity - DEV Lesson 3a</h2>

      <h3>Scenario (a)</h3>

      <div>
        <input type="range" id="batchsize" name="batchsize"
            min="1" max="10">
        <label for="batchsize">batch.size</label>
      </div>

      <div>
        <input type="range" id="linger" name="linger"
            min="1" max="10">
        <label for="linger">linger.ms</label>
      </div>

      <div>
        <input type="range" id="buffer" name="buffer"
            min="1" max="10">
        <label for="buffer">buffer.memory</label>
      </div>

      <div>
        <input type="range" id="block" name="block"
            min="1" max="10">
        <label for="block">max.block.ms</label>
      </div>

      <h3>Scenario (b)</h3>

      <div>
        <input type="range" id="batchsize" name="batchsize"
            min="1" max="10">
        <label for="batchsize">batch.size</label>
      </div>

      <div>
        <input type="range" id="linger" name="linger"
            min="1" max="10">
        <label for="linger">linger.ms</label>
      </div>

      <div>
        <input type="range" id="buffer" name="buffer"
            min="1" max="10">
        <label for="buffer">buffer.memory</label>
      </div>

      <div>
        <input type="range" id="block" name="block"
            min="1" max="10">
        <label for="block">max.block.ms</label>
      </div>

      <h3>Scenario (c)</h3>

      <div>
        <input type="range" id="batchsize" name="batchsize"
            min="1" max="10">
        <label for="batchsize">batch.size</label>
      </div>

      <div>
        <input type="range" id="linger" name="linger"
            min="1" max="10">
        <label for="linger">linger.ms</label>
      </div>

      <div>
        <input type="range" id="buffer" name="buffer"
            min="1" max="10">
        <label for="buffer">buffer.memory</label>
      </div>

      <div>
        <input type="range" id="block" name="block"
            min="1" max="10">
        <label for="block">max.block.ms</label>
      </div>

   </body>

</html>