bode-plotter/index.html at master · amshenoy/bode-plotter · 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
<!DOCTYPE html>
<html>

<head>
	<title>Bode Plotter</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="description" content="Bode Plotter for Linear Control Systems">
	<meta name="keywords" content="bode, plotter, graphing, calculator, control, systems, engineering">
	<meta name="author" content="Abhishek Shenoy">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<link href="./assets/css/styles.css" rel="stylesheet" type="text/css">
</head>

<body>
    <div id="pages">

        <center>
			<h1>Bode Plotter</h1>

			<div class="inline-div">
			<p>Numerator</p>
			<textarea id="zeros-input" class="inline-txtarea"></textarea>
			</div>

			<div class="inline-div">
			<p>Denominator</p>
			<textarea id="poles-input" class="inline-txtarea"></textarea>
			</div>

            <input type="button" value="Plot" id="btnplot" style="border: none; padding: 10px;">
			</br></br>

			<div id="mag-plot" class="inline-div" style="width: 600px; height: 300px; padding: 0px; position: relative;"></div>
            <div id="phase-plot" class="inline-div" style="width: 600px; height: 300px; padding: 0px; position: relative;"></div>

        </center>

    </div>

	<script src="https://code.jquery.com/jquery-3.5.0.min.js" integrity="sha256-xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ=" crossorigin="anonymous"></script>
	<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/flot/0.8.1/excanvas.min.js"></script>
	<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/flot/0.8.1/jquery.flot.min.js"></script>
	<script type="text/javascript" src="./assets/js/jquery.flot.axislabels.js"></script>
	<script type="text/javascript" src="./assets/js/flot/jquery.flot.axislabels.js"></script>
	<script type="text/javascript" src="./assets/js/flot/jquery.flot.text.min.js"></script>
	<script type="text/javascript" src="./assets/js/flot/jquery.flot.dashes.js"></script>
	<script type="text/javascript" src="./assets/js/bode.min.js"></script>

</body>

</html>