1
+ < html >
2
+
3
+ < head >
4
+ < style >
5
+ .plx-labels {
6
+ text-anchor : middle;
7
+ dominant-baseline : central;
8
+ }
9
+
10
+ .plx-graph {
11
+ height : 500px ;
12
+ width : 800px ;
13
+ stroke-width : 1.0 ;
14
+ }
15
+
16
+ .plx-graph .plx-grid {
17
+ stroke : # ccc ;
18
+ stroke-dasharray : 0 ;
19
+ stroke-width : 1.0 ;
20
+ }
21
+
22
+ .plx-grid-lines {
23
+ stroke-width : 0.1 ;
24
+ }
25
+
26
+ .plx-ticks {
27
+ stroke : # ccc ;
28
+ stroke-dasharray : 0 ;
29
+ stroke-width : 0.5 ;
30
+ }
31
+
32
+ .plx-labels {
33
+ font-size : 3px ;
34
+ }
35
+
36
+ .plx-labels .plx-x-labels {
37
+ font-size : 1px ;
38
+ }
39
+
40
+ .plx-label-title {
41
+ font-size : 8px ;
42
+ font-weight : bold;
43
+ text-transform : uppercase;
44
+ fill : black;
45
+ }
46
+
47
+ .plx-data .plx-data-point {
48
+ fill : darkblue;
49
+ stroke-width : 1.0 ;
50
+ }
51
+
52
+ .plx-data .plx-data-line {
53
+ stroke : # 0074d9 ;
54
+ stroke-width : 0.05em ;
55
+ stroke-width : 0.05em ;
56
+ stroke-linecap : round;
57
+ fill : none;
58
+ }
59
+ </ style >
60
+ </ head >
61
+
62
+ < body >
63
+ < svg version ="1.2 " xmlns ="http://www.w3.org/2000/svg " xmlns:xlink ="http://www.w3.org/1999/xlink "
64
+ viewbox ="0 -100 100 100 " class ="plx-graph " preserveAspectRatio ="none ">
65
+ < title class ="plx-title "> Plot</ title >
66
+
67
+
68
+
69
+ < defs >
70
+
71
+
72
+
73
+ <!-- simple dot marker definition -->
74
+ < marker id ="marker-0 " viewBox ="0 0 3.0 3.0 " refX ="1.5 " refY ="1.5 " markerWidth ="1.5 " markerHeight ="1.5 ">
75
+ < circle class ="plx-data-point " cx ="1.5 " cy ="1.5 " r ="1.5 " />
76
+ </ marker >
77
+
78
+
79
+
80
+
81
+ </ defs >
82
+
83
+ <!-- X Axis -->
84
+ < g class ="plx-grid plx-x-axis ">
85
+ < g class ="plx-border ">
86
+ < line x1 ="10 " x2 ="90 " y1 ="-10 " y2 ="-10 ">
87
+ </ line >
88
+ </ g >
89
+
90
+ < g class ="plx-ticks ">
91
+
92
+ < line x1 ="25.742657342657342 " y1 ="-10 " x2 ="25.742657342657342 " y2 ="-12.0 ">
93
+ </ line >
94
+
95
+ < line x1 ="42.525874125874125 " y1 ="-10 " x2 ="42.525874125874125 " y2 ="-12.0 ">
96
+ </ line >
97
+
98
+ < line x1 ="59.30909090909091 " y1 ="-10 " x2 ="59.30909090909091 " y2 ="-12.0 ">
99
+ </ line >
100
+
101
+ < line x1 ="76.0923076923077 " y1 ="-10 " x2 ="76.0923076923077 " y2 ="-12.0 ">
102
+ </ line >
103
+
104
+ </ g >
105
+ < g class ="plx-grid-lines ">
106
+
107
+ < line x1 ="25.742657342657342 " y1 ="-10 " x2 ="25.742657342657342 " y2 ="-90 ">
108
+ </ line >
109
+
110
+ < line x1 ="42.525874125874125 " y1 ="-10 " x2 ="42.525874125874125 " y2 ="-90 ">
111
+ </ line >
112
+
113
+ < line x1 ="59.30909090909091 " y1 ="-10 " x2 ="59.30909090909091 " y2 ="-90 ">
114
+ </ line >
115
+
116
+ < line x1 ="76.0923076923077 " y1 ="-10 " x2 ="76.0923076923077 " y2 ="-90 ">
117
+ </ line >
118
+
119
+ </ g >
120
+ </ g >
121
+
122
+ < g class ="plx-labels plx-x-labels ">
123
+
124
+ < text x ="25.742657342657342 " y ="-10 " transform ="rotate(35, 25.742657342657342, -5.0) " dy ="5.0 ">
125
+ 05:04:15
126
+ </ text >
127
+
128
+ < text x ="42.525874125874125 " y ="-10 " transform ="rotate(35, 42.525874125874125, -5.0) " dy ="5.0 ">
129
+ 05:04:18
130
+ </ text >
131
+
132
+ < text x ="59.30909090909091 " y ="-10 " transform ="rotate(35, 59.30909090909091, -5.0) " dy ="5.0 ">
133
+ 05:04:21
134
+ </ text >
135
+
136
+ < text x ="76.0923076923077 " y ="-10 " transform ="rotate(35, 76.0923076923077, -5.0) " dy ="5.0 ">
137
+ 05:04:24
138
+ </ text >
139
+
140
+ < text x ="40.0 " y ="-5.0 " class ="label-title ">
141
+
142
+ </ text >
143
+ </ g >
144
+
145
+ <!-- Y Axis -->
146
+ < g class ="plx-grid plx-y-axis ">
147
+ < g class ="plx-border ">
148
+ < line x1 ="10 " x2 ="10 " y1 ="-10 " y2 ="-90 ">
149
+ </ line >
150
+ </ g >
151
+
152
+ < g class ="plx-ticks ">
153
+
154
+ < line x1 ="10 " y1 ="-13.63636363636364 " x2 ="12.0 " y2 ="-13.63636363636364 ">
155
+ </ line >
156
+
157
+ < line x1 ="10 " y1 ="-23.33333333333333 " x2 ="12.0 " y2 ="-23.33333333333333 ">
158
+ </ line >
159
+
160
+ < line x1 ="10 " y1 ="-33.03030303030303 " x2 ="12.0 " y2 ="-33.03030303030303 ">
161
+ </ line >
162
+
163
+ < line x1 ="10 " y1 ="-42.72727272727273 " x2 ="12.0 " y2 ="-42.72727272727273 ">
164
+ </ line >
165
+
166
+ < line x1 ="10 " y1 ="-52.42424242424242 " x2 ="12.0 " y2 ="-52.42424242424242 ">
167
+ </ line >
168
+
169
+ < line x1 ="10 " y1 ="-62.121212121212125 " x2 ="12.0 " y2 ="-62.121212121212125 ">
170
+ </ line >
171
+
172
+ < line x1 ="10 " y1 ="-71.81818181818183 " x2 ="12.0 " y2 ="-71.81818181818183 ">
173
+ </ line >
174
+
175
+ < line x1 ="10 " y1 ="-81.5151515151515 " x2 ="12.0 " y2 ="-81.5151515151515 ">
176
+ </ line >
177
+
178
+ </ g >
179
+ < g class ="plx-grid-lines ">
180
+
181
+ < line x1 ="10 " y1 ="-13.63636363636364 " x2 ="90 " y2 ="-13.63636363636364 ">
182
+ </ line >
183
+
184
+ < line x1 ="10 " y1 ="-23.33333333333333 " x2 ="90 " y2 ="-23.33333333333333 ">
185
+ </ line >
186
+
187
+ < line x1 ="10 " y1 ="-33.03030303030303 " x2 ="90 " y2 ="-33.03030303030303 ">
188
+ </ line >
189
+
190
+ < line x1 ="10 " y1 ="-42.72727272727273 " x2 ="90 " y2 ="-42.72727272727273 ">
191
+ </ line >
192
+
193
+ < line x1 ="10 " y1 ="-52.42424242424242 " x2 ="90 " y2 ="-52.42424242424242 ">
194
+ </ line >
195
+
196
+ < line x1 ="10 " y1 ="-62.121212121212125 " x2 ="90 " y2 ="-62.121212121212125 ">
197
+ </ line >
198
+
199
+ < line x1 ="10 " y1 ="-71.81818181818183 " x2 ="90 " y2 ="-71.81818181818183 ">
200
+ </ line >
201
+
202
+ < line x1 ="10 " y1 ="-81.5151515151515 " x2 ="90 " y2 ="-81.5151515151515 ">
203
+ </ line >
204
+
205
+ </ g >
206
+ </ g >
207
+ < g class ="plx-labels plx-y-labels ">
208
+
209
+ < text y ="-13.63636363636364 " x ="10 " transform ="rotate(0.0, 5.0, -13.63636363636364) " dx ="-5.0 ">
210
+ 0.10
211
+ </ text >
212
+
213
+ < text y ="-23.33333333333333 " x ="10 " transform ="rotate(0.0, 5.0, -23.33333333333333) " dx ="-5.0 ">
214
+ 0.12
215
+ </ text >
216
+
217
+ < text y ="-33.03030303030303 " x ="10 " transform ="rotate(0.0, 5.0, -33.03030303030303) " dx ="-5.0 ">
218
+ 0.14
219
+ </ text >
220
+
221
+ < text y ="-42.72727272727273 " x ="10 " transform ="rotate(0.0, 5.0, -42.72727272727273) " dx ="-5.0 ">
222
+ 0.16
223
+ </ text >
224
+
225
+ < text y ="-52.42424242424242 " x ="10 " transform ="rotate(0.0, 5.0, -52.42424242424242) " dx ="-5.0 ">
226
+ 0.18
227
+ </ text >
228
+
229
+ < text y ="-62.121212121212125 " x ="10 " transform ="rotate(0.0, 5.0, -62.121212121212125) " dx ="-5.0 ">
230
+ 0.20
231
+ </ text >
232
+
233
+ < text y ="-71.81818181818183 " x ="10 " transform ="rotate(0.0, 5.0, -71.81818181818183) " dx ="-5.0 ">
234
+ 0.22
235
+ </ text >
236
+
237
+ < text y ="-81.5151515151515 " x ="10 " transform ="rotate(0.0, 5.0, -81.5151515151515) " dx ="-5.0 ">
238
+ 0.24
239
+ </ text >
240
+
241
+ < text y ="-40.0 " x ="5.0 " class ="label-title ">
242
+
243
+ </ text >
244
+ </ g >
245
+
246
+ <!-- Data -->
247
+ < g class ="plx-data ">
248
+
249
+ < g class ="plx-dataset-0 " data-setname ="plx-data-0 ">
250
+ < polyline class ="plx-data-line " points =" 13.636,-13.636 41.608,-86.364 75.175,-37.879 86.364,-13.636 "
251
+ marker-start ="url(#marker-0) " marker-mid ="url(#marker-0) " marker-end ="url(#marker-0) " />
252
+ </ g >
253
+
254
+ </ g >
255
+ </ svg >
256
+
257
+ </ body >
258
+
259
+ </ html >
0 commit comments