Line-Encoder/index.html at master · Xahoor72/Line-Encoder · 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Line Coding - Simulator</title>
<link rel="stylesheet" href="style.css">
</head>

<body onload="draw(), graph()">

<!-- unipolar polar nrz line encode -->
<canvas class="axes unipolar-nrz"></canvas>
<canvas id="unipolar-nrz" class="unipolar-nrz"></canvas>

<!-- unipolar polar nrz line encode -->
<canvas class="axes unipolar-rz"></canvas>
<canvas id="unipolar-rz" class="unipolar-rz"></canvas>

<!-- polar nrz line encode -->
<canvas class="axes polar-nrz"></canvas>
<canvas id="polar-nrz" class="polar-nrz"></canvas>

<!-- polar rz line encode -->
<canvas class="axes polar-rz"></canvas>
<canvas id="polar-rz" class="polar-rz"></canvas>

<!-- polar ami line encode -->
<canvas class="axes polar-ami"></canvas>
<canvas id="polar-ami" class="polar-ami"></canvas>

<!-- manchester line encode -->
<canvas class="axes manchester"></canvas>
<canvas id="manchester" class="manchester"></canvas>

<!-- manchester dif line encode -->
<canvas class="axes manchester-dif"></canvas>
<canvas id="manchester-dif" class="manchester-dif"></canvas>

<!-- B8ZS line encode -->
<canvas class="axes B8ZS"></canvas>
<canvas id="B8ZS" class="B8ZS"></canvas>

<!-- HDB3 line encode -->
<canvas class="axes HDB3"></canvas>
<canvas id="HDB3" class="HDB3"></canvas>

<div style="position: fixed; top: 20px; left: 850px;">
    <label for="bitcode">Binary String:</label><br>
    <input style="width: 250px;" type="text" value="" id="bit-code"><br><br>
    <button id="graph">Plot</button>
    <br>


</div>

</body>

<script src="index.js"></script>

<script>

</script>

</html>