-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsine.html
38 lines (37 loc) · 906 Bytes
/
sine.html
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
<!DOCTYPE html>
<html>
<head>
<title>Sine Function with Perspective</title>
<style>
svg {
border: 1px solid black;
background-color: #f0f0f0;
}
.axis {
stroke: black;
stroke-width: 2;
}
.sine-wave {
fill: none;
stroke: blue;
stroke-width: 2;
}
</style>
</head>
<body>
<h1>Sine Function in Perspective</h1>
<svg width="600" height="400">
<!-- X Axis -->
<line class="axis" x1="50" y1="300" x2="550" y2="100" />
<!-- Y Axis -->
<line class="axis" x1="300" y1="50" x2="300" y2="350" />
<!-- Sine Wave -->
<path class="sine-wave" d="
M 50,300
C 125,225 175,175 250,200
325,225 375,275 450,250
525,225 575,175 650,200
" />
</svg>
</body>
</html>