Skip to content

Commit 782e512

Browse files
bastikrbastikr
committed
Change plot styles.
1 parent d3de22e commit 782e512

File tree

3 files changed

+34
-17
lines changed

3 files changed

+34
-17
lines changed

‎benchmarks.php‎

Lines changed: 19 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,9 @@
5252
This benchmark measures the time it takes to create all necessary operators and states, perform a time-evolution according to a master equation and calculate the expectation value of the number operator at certain times.
5353
<!-- <div class="col-md-10"> -->
5454
<h3>Benchmark results</h3>
55-
<canvas id="plot-timeevolution-master"></canvas>
55+
<div class="singleplot">
56+
<canvas id="plot-timeevolution-master" width="4", height="3"></canvas>
57+
</div>
5658
<!-- </div> -->
5759
<!-- <div class="col-md-8"> -->
5860
<h3>Source-code</h3>
@@ -85,7 +87,9 @@
8587
<math xmlns="http://www.w3.org/1998/Math/MathML" display="block"><mi>H</mi><mo stretchy="false">(</mo><mi>t</mi><mo stretchy="false">)</mo><mo>=</mo><msub> <mi>&#x03C9;<!-- ω --></mi> <mi>c</mi></msub><msup> <mi>a</mi> <mo>&#x2020;<!-- † --></mo></msup><mi>a</mi><mo>+</mo><mi>&#x03B7;<!-- η --></mi><mrow class="MJX-TeXAtom-ORD"> <mo maxsize="1.2em" minsize="1.2em">(</mo></mrow><mi>a</mi><msup> <mi>e</mi> <mrow class="MJX-TeXAtom-ORD"> <mi>i</mi> <mi>&#x03C9;<!-- ω --></mi> <mi>t</mi> </mrow></msup><mo>+</mo><msup> <mi>a</mi> <mo>&#x2020;<!-- † --></mo></msup><msup> <mi>e</mi> <mrow class="MJX-TeXAtom-ORD"> <mo>&#x2212;<!-- − --></mo> <mi>i</mi> <mi>&#x03C9;<!-- ω --></mi> <mi>t</mi> </mrow></msup><mrow class="MJX-TeXAtom-ORD"> <mo maxsize="1.2em" minsize="1.2em">)</mo></mrow><mo>.</mo></math>
8688

8789
<h3>Benchmark results</h3>
88-
<canvas id="plot-timeevolution-timedependent"></canvas>
90+
<div class="singleplot">
91+
<canvas id="plot-timeevolution-timedependent" width="4", height="3"></canvas>
92+
</div>
8993

9094
<h3>Source-code</h3>
9195
<button class="accordion">QuantumOptics.jl</button>
@@ -119,7 +123,7 @@
119123
This benchmark measures only the time it takes to perform the time-evolution and calculating the expectation values. Creating all necessary operators and states is done separately.
120124

121125
<h3>Benchmark results</h3>
122-
<canvas id="plot-timeevolution-particle"></canvas>
126+
<canvas id="plot-timeevolution-particle" width="4", height="3"></canvas>
123127

124128
<h3>Source-code</h3>
125129
<button class="accordion">QuantumOptics.jl</button>
@@ -143,29 +147,29 @@
143147
</div>
144148
<div class="row">
145149
<div class="col-md-6">
146-
<canvas id="plot-expect-state"></canvas>
150+
<canvas id="plot-expect-state" width="4", height="3"></canvas>
147151
</div>
148152
<div class="col-md-6">
149-
<canvas id="plot-expect-operator"></canvas>
153+
<canvas id="plot-expect-operator" width="4", height="3"></canvas>
150154
</div>
151155
</div>
152156
<div class="row">
153157
<h3>Variances</h3>
154158
</div>
155159
<div class="row">
156160
<div class="col-md-6">
157-
<canvas id="plot-variance-state"></canvas>
161+
<canvas id="plot-variance-state" width="4", height="3"></canvas>
158162
</div>
159163
<div class="col-md-6">
160-
<canvas id="plot-variance-operator"></canvas>
164+
<canvas id="plot-variance-operator" width="4", height="3"></canvas>
161165
</div>
162166
</div>
163167
<div class="row">
164168
<h3>Partial trace</h3>
165169
</div>
166170
<div class="row">
167171
<div class="col-md-6">
168-
<canvas id="plot-ptrace"></canvas>
172+
<canvas id="plot-ptrace" width="4", height="3"></canvas>
169173
</div>
170174
</div>
171175
</div>
@@ -182,18 +186,18 @@
182186
</div>
183187
<div class="row">
184188
<div class="col-md-6">
185-
<canvas id="plot-coherentstate"></canvas>
189+
<canvas id="plot-coherentstate" width="4", height="3"></canvas>
186190
</div>
187191
</div>
188192
<div class="row">
189193
<h3>Q-function</h3>
190194
</div>
191195
<div class="row">
192196
<div class="col-md-6">
193-
<canvas id="plot-qfunc-state"></canvas>
197+
<canvas id="plot-qfunc-state" width="4", height="3"></canvas>
194198
</div>
195199
<div class="col-md-6">
196-
<canvas id="plot-qfunc-operator"></canvas>
200+
<canvas id="plot-qfunc-operator" width="4", height="3"></canvas>
197201
</div>
198202
</div>
199203
</div>
@@ -210,18 +214,18 @@
210214
</div>
211215
<div class="row">
212216
<div class="col-md-6">
213-
<canvas id="plot-multiplication-sparse-sparse"></canvas>
217+
<canvas id="plot-multiplication-sparse-sparse" width="4", height="3"></canvas>
214218
</div>
215219
<div class="col-md-6">
216-
<canvas id="plot-multiplication-sparse-dense"></canvas>
220+
<canvas id="plot-multiplication-sparse-dense" width="4", height="3"></canvas>
217221
</div>
218222
</div>
219223
<div class="row">
220224
<div class="col-md-6">
221-
<canvas id="plot-multiplication-dense-sparse"></canvas>
225+
<canvas id="plot-multiplication-dense-sparse" width="4", height="3"></canvas>
222226
</div>
223227
<div class="col-md-6">
224-
<canvas id="plot-multiplication-dense-dense"></canvas>
228+
<canvas id="plot-multiplication-dense-dense" width="4", height="3"></canvas>
225229
</div>
226230
</div>
227231
</div>

‎css/qojl.css‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -35,6 +35,12 @@ canvas {
3535
padding: 20px 0;
3636
}
3737

38+
div.singleplot {
39+
/*margin: auto;*/
40+
margin-left: 20%;
41+
margin-right: 20%;
42+
}
43+
3844
#features .fa-lg {
3945
/*font-size: 200px;*/
4046
}

‎js/qojl.js‎

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -48,20 +48,27 @@ function chartconfig (data, charttitle) {
4848
title: {
4949
display: true,
5050
text: charttitle,
51+
fontSize: 14,
52+
fontStyle: 'normal',
53+
fontColor: "#333333"
5154
},
5255
scales: {
5356
xAxes: [{
5457
type: 'linear',
5558
position: 'bottom',
5659
scaleLabel: {
5760
display: true,
58-
labelString: 'Hilbert-Space Dimension'
61+
labelString: 'Hilbert-Space Dimension',
62+
fontSize: 14,
63+
fontStyle: 'normal',
5964
}
6065
}],
6166
yAxes: [{
6267
scaleLabel: {
6368
display: true,
64-
labelString: 'Elapsed Time'
69+
labelString: 'Elapsed Time [seconds]',
70+
fontSize: 14,
71+
fontStyle: 'normal',
6572
}
6673

6774
}]

0 commit comments

Comments
 (0)