2<html lang="en">
3 <head>
4 <meta charset="utf-8" />
5 <meta name="viewport" content="width=device-width, initial-scale=1" />
6 <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><circle cx=%2250%22 cy=%2250%22 r=%2245%22 fill=%22%232a5f7f%22/><circle cx=%2235%22 cy=%2238%22 r=%2211%22 fill=%22%23f5d547%22/><circle cx=%2265%22 cy=%2258%22 r=%229%22 fill=%22%23f5d547%22/><circle cx=%2248%22 cy=%2274%22 r=%227%22 fill=%22%23f5d547%22/><circle cx=%2268%22 cy=%2230%22 r=%226%22 fill=%22%23f5d547%22/></svg>" />
7 <title>turing-surface-cache — parameter sweep</title>
8 <link rel="stylesheet" href="/src/styles.css" />
9 </head>
10 <body>
11 <main>
12 <h1>turing-surface-cache — parameter sweep</h1>
13 <p class="sub">
14 One model parameter runs over a list of values while everything else
15 stays fixed; the knob steps the display through the range. The list
16 starts as the values the single-solution page offers, and any numbers
17 may be typed in its place. Values already in the shared cloud cache are
18 loaded up front, so dragging the knob is instant; values nobody has
19 computed show as gaps until <b>Compute missing values</b> runs them
20 here, or the command below runs them on another machine. One color
21 scale covers the whole sweep, so differences between values are real.
22 Back to the <a id="backlink" href="index.html">single-solution
23 page</a>.
24 </p>
25 <div class="controls">
26 <label title="The reaction-diffusion system being solved">model
27 <select id="model"></select>
28 </label>
29 <label title="Which parameter the knob runs over">sweep over
30 <select id="sweepover"></select>
31 </label>
32 <label title="The values the knob runs over, separated by commas. Any numbers may be given, not only the ones the single-solution page offers; each still names one exact cache entry. Empty means the offered list.">values
33 <input id="values" type="text" size="26" autocomplete="off"
34 placeholder="e.g. 0.7, 0.9, 1.1, 1.3" />
35 </label>
36 <span id="valuesnote"></span>
37 </div>
38 <div class="controls">
39 <span id="params" class="controls" style="padding: 0"></span>
40 </div>
41 <div class="controls">
42 <label title="The surface the pattern is solved on">geometry
43 <select id="geometry"></select>
44 </label>
45 <span id="geomparams" class="controls" style="padding: 0"></span>
46 <label title="Which random initial perturbation to start from">seed
47 <select id="seed"></select>
48 </label>
49 <label title="Every solution of the sweep is reported at this simulation time">end time
50 <select id="tend"></select>
51 </label>
52 <button id="compute" class="primary"
53 title="Compute the sweep's uncached values in your browser, one after another">Compute missing values</button>
54 <button id="stop" hidden>Stop</button>
55 <button id="reset" title="Set every selection back to its default">Reset to defaults</button>
56 </div>
57 <div class="sweepbar">
58 <div class="knobtrack">
59 <input type="range" id="knob" min="0" max="1" step="1" value="0" />
60 <div class="ticks" id="ticks"></div>
61 </div>
62 <span id="knobval"></span>
63 </div>
64 <p id="status"></p>
65 <div id="panels"></div>
66 <div class="controls">
67 <button id="resetview">Reset view</button>
68 </div>
69 <p class="stats" id="stats"></p>
70 <div class="cloud">
71 <span>Solutions computed here can be contributed back to the shared
72 cache, so the next visitor gets the whole sweep instantly.
73 Contributing requires an upload API key.</span>
74 <div class="controls">
75 <label>upload API key
76 <input id="apikey" type="password" autocomplete="off" placeholder="(optional)" />
77 </label>
78 <span id="uploadnote"></span>
79 </div>
80 <div class="controls" id="clibar" hidden>
81 <span>fill this sweep from a machine with no browser on it:</span>
82 <code id="clicmd"></code>
83 <button id="clicopy"
84 title="Copies the command with your key in it. The key is masked here so that it stays out of screenshots.">Copy command (includes your key)</button>
85 <span id="clicopied"></span>
86 </div>
87 <p id="clinote" hidden>If the command does not run on the other
88 machine, the notes on the
89 <a href="index.html">single-solution page</a> cover the common
90 failures.</p>
91 </div>
92 <p id="err"></p>
93 </main>
94 <script type="module" src="/src/sweep.ts"></script>
95 </body>
96</html>