xxxxxxxxxx
1
2
<html>
3
<head></head>
4
<body bgcolor="#222222" style="display: flex; align-items: center; justify-content: center; height: 100vh">
5
<canvas width=200 height=600 id="paint" style="border: 1px solid; "></canvas>
6
<select name="figure" id="figure" style="margin-left: 50px">
7
<option value="2">Fig. 2</option>
8
<option value="3">Fig. 3</option>
9
<option value="4">Fig. 4</option>
10
<option value="5">Fig. 5</option>
11
<option value="45">4+5</option>
12
<option value="54">4+5 colorized</option>
13
</select>
14
<script>
15
// figures from https://arxiv.org/abs/quant-ph/0106078
16
// A double-slit quantum eraser; S. P. Walborn, M. O. Terra Cunha, S. Padua, C. H. Monken; 2001
17
18
// paper graph pixel coordinates (painstakenly measured by hand from pdf)
19
var fig2_minmax=[68,364,397,36];
20
var fig2_a=[80,358,90,347,102,350,112,350,124,337,134,345,145,301,156,255,167,212,178,258,189,292,200,204,210,62,222,69,233,196,243,241,255,207,265,143,276,217,288,293,299,321,310,326,321,335,332,357,342,362,353,361,364,363,375,354,387,361];
21
22
var fig3_minmax = [61,349,389,19];
23
var fig3_a = [77,323,90,333,102,290,114,279,126,255,139,249,152,189,164,164,175,161,188,148,201,114,213,128,225,79,237,79,250,150,261,153,274,168,286,184,299,228,311,257,323,287,335,286,348,302,360,334,372,340]
24
25
var fig4_minmax = [53,349,382,19];
26
var fig4_a = [65,347,76,338,87,328,98,324,108,318,119,316,130,288,141,251,152,203,163,156,175,244,186,258,195,89,207,70,218,94,229,206,240,228,251,140,261,96,272,199,283,272,295,254,305,279,316,305,327,314,338,322,349,336,360,340,371,342];
27