Remove slide content where possible, improve overview transitions

2025-06-22 10:28:34 +02:00
1 parent 9f8cd986f1
commit b231513d0a
@@ -25625,10 +25625,8 @@ Risk inherently <em>is</em> a probabilistic concept
 </div>
 </div></div>
 </section>
-<section id="sec-overview" class="slide level2">
+<section id="sec-overview" class="slide level2" data-transition="fade" data-transition-speed="slow">
 <h2>Overview of the Thesis</h2>
 <div class="r-stack">
 <div class="fragment fade-in-then-out">
 <table style="width: 100%; border-collapse: separate; border-spacing: 0 1em; border: none;">
 <tbody><tr style="border: none;">
 <td style="vertical-align: top; width: 2em; border: none;">
@@ -25687,8 +25685,9 @@ Berrisch, J. <span class="citation" data-cites="berrisch2025rcpptimer">(<a href=
 </td>
 </tr>
 </tbody></table>
-</div>
+</section>
-<div class="fragment fade-in-then-out">
+<section id="overview-of-the-thesis" class="slide level2" data-transition="fade" data-transition-speed="slow" data-visibility="uncounted">
 <h2>Overview of the Thesis</h2>
 <table style="width: 100%; border-collapse: separate; border-spacing: 0 1em; border: none;">
 <tbody><tr style="border: none;">
 <td style="vertical-align: top; width: 2em; border: none;">
@@ -25747,8 +25746,9 @@ Berrisch, J. <span class="citation" data-cites="berrisch2025rcpptimer">(<a href=
 </td>
 </tr>
 </tbody></table>
-</div>
+</section>
-<div class="fragment fade-in-then-out">
+<section id="overview-of-the-thesis-1" class="slide level2" data-transition="fade" data-transition-speed="slow" data-visibility="uncounted">
 <h2>Overview of the Thesis</h2>
 <table style="width: 100%; border-collapse: separate; border-spacing: 0 1em; border: none;">
 <tbody><tr class="greyed-out" style="border: none;">
 <td style="vertical-align: top; width: 2em; border: none;">
@@ -25807,8 +25807,6 @@ Berrisch, J. <span class="citation" data-cites="berrisch2025rcpptimer">(<a href=
 </td>
 </tr>
 </tbody></table>
 </div>
 </div>
 </section>
 <section id="overview" class="slide level2">
 <h2>Overview</h2>
@@ -25826,7 +25824,7 @@ Berrisch, J. <span class="citation" data-cites="berrisch2025rcpptimer">(<a href=
 <img role="img" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTI3LjA2MjA0MjIzNjMyODEgNjA4Ljc4NTIwNDk2ODk3NCIgd2lkdGg9IjIyNTQuMTI0MDg0NDcyNjU2MiIgaGVpZ2h0PSIxMjE3LjU3MDQwOTkzNzk0OCI+PCEtLSBzdmctc291cmNlOmV4Y2FsaWRyYXcgLS0+PG1ldGFkYXRhLz48ZGVmcz48c3R5bGUgY2xhc3M9InN0eWxlLWZvbnRzIj4KICAgICAgQGZvbnQtZmFjZSB7IGZvbnQtZmFtaWx5OiBFeGNhbGlmb250OyBzcmM6IHVybChkYXRhOmZvbnQvd29mZjI7YmFzZTY0LGQwOUdNZ0FCQUFBQUFCbzBBQTRBQUFBQUxVQUFBQm5lQUFFQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFHaFliaTFRY05BWmdBSUVNRVFnS3hCU3liUXRVQUFFMkFpUURnU1FFSUFXREdBY2dHMVFqSXdNMWl0S3FRUFpYQjd3aDFmZ1g0S25xRlk0endrc1lFdVZqb2VMMk16N3VVREo4RlhZd0lCWTRWZzhuRFU5eit1L3VjaGMzSUhITWkxamlKRmdJQ2FJTklsYUYvVkxxU04xblNMdUtVZHVjWDFFcU5wT2F3L1BVb2IzOXUvRk1nQnBJZ0VLWmdJUmF2UzU4Q0VjbmRHYXQrUGo3L1Y3KzBrd3g5U01ibGRab2dVaEtWMGJrLzNSYVVxdTU0ejh6Z2dEWmNvaVd1YlM5VlBuMlhibmw5WEhydEJxQm5iREFFSHFKcy9ZQzhFalRGZGYvQVA3OWo5YXNNalpqQXdmTTZsRmhjbm1MRG9YN0hsdHRxN29IUXJzN0VEb08wREYrd3h2MVB6L1g2ajVpVGJ1bm9xbFEydG5mMno5di84RFQvWXRpY1F3UktaRjR5U3h0NlpZMnhKSkp5NlJJQ2JST0pYVmU0dXhJTjA5dThKWlo2OVNaVi9KaWdRQUNBQVdtQURBSXhnc1VvNTRraUFadU9rdDJBTkdwcTdrV2lLNmJ5MnFBNk1IVldnOUVjTmt0YmlQZy90SmNEd2pGQWN3WjNLRUE3SUFJUGdLNCtUQmpjRSt0RUpld3dINytIZTd2OUVQMjBFNys2QWNCaUpvZThkRGZYajRiMVp5dUFrNlhaSjVxK29iSlNIUFNIMDhlUGkvM3NKTHZNWnljdnVGdkphMlFCK0pJREE4ZThFMTJHK0NoTWN3cmJxQ0gvUG4wOUlFSW9QQUlpRWdvYU9nWW1GallPSGo0Uk1RbWtZU1VqSXFhcDJFd1R6eGdkRXdRT0lnQWhIaVRqd29nQlFFamlvUHVnT1VCaVNnR1A0OGxZMk9nNEFDajRvTFNyWXJyYTZ3YUVFQzRDUlFtRE9nS3lQeG1BQUNoV2FDVG9SSVRFcVpvN0FDYkJFMkRUcEhoT1RncjNDUkIzYkhWM2FXS1BPd2ppQ1NFTHNZcEcvcmNnWUVnMkoyM2h3anB6NE1EMktVYkQyWGpLQU5RaEN4T05nQ1NiTnpRVm9pM2dCUUU4Z1BEM0p3S0pvQlVkMjMvQTZnT0tPMTlZRXNtOGxpTlRmcFJZUkl2Y0FRYWJUTk9KeFZoaElERWtLZm16WmVSaFUyR01sVTZkRXN6eGlNdnBQMnlKck56cVZDcjYzOTYrb0hiYnBseTNoa1RUaGt6Nmt0ZkJNRUFBUDBETUZSN0l6c1hFVUhlQWRSRlp6SWp2cUlFM25Fd0pnN0dXdVRES1ZoanV1ZmpMa2dRRUtoeGNuVTh0bFh2MFZJU1Uxcmc3aDBsYTBnUDVhajU0YkUwYjA2bVh1U21TdFlMUFh6b2djeHdUVjZTT2MyUzVKMVVuNlVKYStOK2hQaDNTVVBUTmhlWGM2NVNkNkg2K2VjVU1LbDl5bWp0YXZxUXF0Uzh6WjhhTjBSNkQrS0Z3dUFHWXdIU0Z2WDZWbm1YNUhFSDBMVmM1aGJTRitSVG1qQzIvamVYS2ZBZ3M2YnhwMjgxTmFvb3JnK2VlMTFXdzljV083Q2FBN3N1TzU3alVQbndxM0ZENUkzQ2hBQ0krWU1vRncwdml0RG9leHpYZEVTZGo2Z3ZTQjhReFBIV3U0UUNKZHV5SU4vcjhweW9SVWZSUVM3a3JXV1gxNlFLODNEeWVqNWhtTUFMdmdKdjRLSE4xSE9zZlJlSUdDdUpkZUxwUWluRmZDQldnT1R4MFNQQVR3QnljN3oyT0s5SXNYMW56L0NXU2Q4czg1cGF3UlVYVmxhNFJDNFBHR09ZTE1CRHo3OW9MRkhEY3dILzRhMm9GVVcwdk5PNTZpQ0hBUWRrQmNoRFF0S3dUbGJORFBIelg3dk52SmNrZVNqcG5qeVVTclp0azFSMlBJZnF2U1IrSGVPY3hnclBvb1gxbTE2OXliUEtXZlEyV213YlJ1bWJaQnBtTU1ZTTlLZWM1VUZBbitlRFJmNTZjdUNaTkgrQzVNUTg2VEsyWHN5ZWRubEFYVm1obVVZYTRZZkZKbGNaWDB1NXpiNlFpSG9JMFBTcjFnWW9haExtUWxqaTE1am1vQU9LOFZnNHJCbmFtK0M5a1JxVmdJaXRjaUk3VGRFbEdyUlVNdWxuUTRRNExpWlkvMU12NlJHNlZXcXcyaDhGbm9TdytkbG5OV3Y1bEVwNVF6TjVjc1VvVHppSVZVMWREMVFHaFdwS0VPSWhvZGRxVWhpT1dKS2IzVEtLNklqeVZ2U1J5cmN0Vjg2ZUxoSmpPSWN4RVUvQUFIbTdVRkR0RExtWkVET2NRdnQ0cGdZRGVFOTVGaEJ6MkQ1WWxDWjJQcHVubVVDVzVBSENrQS9ncTFjMWJKTHFjR3huTGFPUk1PeTRVS0Nwb0FJazdSSlB6U3psWmxRMmFJWmRHVGtPdzI2eXFhTHZXMWFwcE1BQXdLNU5jVXVxcXc1Y2NUWEdzTjNpQWV0UWt5N0UyU1R1MU1jWVp2Sjc0bGNGU0VCZG0rMzBSZmZxdUhWTEdGN1JKaTA2UVZ4VHZUWUhkQmVCWmhQRVRYdERUc0FDVEFGalVzN2Q5UWVHSk4xYUkyR2lpMFQzU0tqNE94dzZNL084Mk5vbEp4UVVFQXVXTEJ2U3FkRG9uNVZpMnhyUi9IWVF4MGxOSTRhTFZZYWxvSGV1aTBxRDhnQVhxWVlweHNHY3BrblBNVlZ6b0RmSFpaSEtaYm1ZVTY3VFhaTFdRY2xxaUppSEczRW5yV0x5R0dPNFhJdjJ4TEtsM3JxeFptYlBWY2FCV2JCTjllb2NibWJpdEtpWHQwUnFoUnZ1Q3ZqdW9xcEtlQWVTdkxITkwyNG1VaFNuWGtheVRXblRYRllGVDlDZ1VFcjdENysrN05yeDY4bVJzUUxIc0NyRmNWdGRqaFdwTVBVR2oydUQzZHhjdm1ZeTF2SXA2Um5oVThReHBRZ2xTSGRROVI1ellYQm95Z2VHQjU1TUlxRHJxZTFSc2l3WGxyY3pZY3JvOFhITFlzZldPQ1RqSkEyaEJiZ0F5RFdYM3dVeVA5TkxodDRwTk1JS2xiTjNaL25iMXNUczc2WmZDZlNGTEMweVQxS2tHRGM2L0Vka3FLL21yY0xyc2hIUjhtMGorcGpxNHFkVEhKOG1wRE5NYitiSTcrcDNEM0dUUTY1YlRPSlVzVmprMHY2YXhoWmR3RHRLS1puTFlZTk9CbWx3ZHA3SFl1YStIaWJFYUZ3ZkN2dWpvN3lGWkNONk9PTS9HczIrUEUrZUt3MzJRS2dJMzRlWWc1ck1CYk1ZYTk3cXFQT1pGNHlUSVdHWFNWYVJ0c1RUaTVMZVJ6eEhBWU5pZ2ttdzV4b3VPbGJYQWNFb1JVcGhYZ1Z4OC9YSjQ2RzNQTHJKK0xSeHFEUGFMVHlSa1JuV0l0RXZSOXF6UXJ5enpsWEYvc0huWlg1NUZIY0VPOVdNa3AySVhxUlRCYTZoaFpITk1meWo0YWRWYUpidUVYTisvWHJyNWNuN1lqYTdYeHNNUE5VSDhHM1NKT0llREwrTnNBVVBCNWVUMkt4UlRXTG5oamtZRWlSTURNZG1qbUt0dkxXMlZhNVhsbWtrNU1payt6am9yYkNzejlYYytzbGdNOFlCb0FMcGUva0hrK3IyaWVxUEVhZldHQ3JtVW5sVm5MVXVaL2hwSEZ2aDUySUZydXp4cFJWOWNYUjFiM1l4MDNMTFU3dlV0cEp4Z29nRjgvTW9lMnBFVi9aQXU1cFo5OXNycFdGZGI1cDl4REU5ciszbU5Oc1ROQkxHa3hKY21DZGRhK0xvQXZIVERKZ0NSRnhJMnhzWkJMUk9tMDlpNzFwODdkb2ROeGt0bGhwY1ZhanZqQXdHc0FEcDY0bHVwdU5QVlFXRFE2akFtSkM5Y3RHaExiRm05TFdrZjZkd0hJY3hWRUZ4RFJiM1dHZUlEOTZOZTNXUDllY3l0ekg4UU5JbEkzcVlJb2VoU2t6SGFRRitqSWQ2UkNSSkl6U2lXZExZb3JlSzJZSXJGUkJ5emxpdnBmS2F2Q2E2VjBWZmhQZ2dZN2hLVWx2eEl0Q0xEWTBBYzBOZGxHVW5vWUlhWHUvM1BoNzI5VVVxR2MzMXJYSERIQTNleXZtTGkzb0tmWkptaWxxeTErUlF3U3BPUXVGLine truncated
 </center>
 <p>Reduces estimation time by 2-3 orders of magnitude</p>
-<p>Maintainins competitive forecasting accuracy</p>
+<p>Maintains competitive forecasting accuracy</p>
 <p>Real-World Validation in Energy Markets</p>
 <p><i class="fa-brands fa-fw fa-python" style="color: #FFD43B;"></i> Python Package <em>ondil</em> on <i class="fa-brands fa-fw fa-github" style="color:var(--col_grey_10);"></i> <a href="https://github.com/simon-hirsch/ondil">Github</a> and <a href="https://pypi.org/project/ondil/">PyPi</a></p>
 </div><div class="column" style="width:4%;">
@@ -25941,7 +25939,7 @@ Berrisch, J. <span class="citation" data-cites="berrisch2025rcpptimer">(<a href=
 </div>
 <div id="tabset-1-2">
 <div class="cell">
-<div class="sourceCode cell-code hidden" id="cb2" data-startfrom="850" data-source-offset="0"><pre class="sourceCode numberSource js number-lines code-with-copy"><code class="sourceCode javascript" style="counter-reset: source-line 849;"><span id="cb2-850"><a href></a>d3 <span class="op">=</span> <span class="pp">require</span>(<span class="st">&quot;d3@7&quot;</span>)</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
+<div class="sourceCode cell-code hidden" id="cb2" data-startfrom="839" data-source-offset="0"><pre class="sourceCode numberSource js number-lines code-with-copy"><code class="sourceCode javascript" style="counter-reset: source-line 838;"><span id="cb2-839"><a href></a>d3 <span class="op">=</span> <span class="pp">require</span>(<span class="st">&quot;d3@7&quot;</span>)</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
 <div class="cell-output cell-output-display">
 <div id="ojs-cell-1" data-nodetype="declaration">
@@ -25949,7 +25947,7 @@ Berrisch, J. <span class="citation" data-cites="berrisch2025rcpptimer">(<a href=
 </div>
 </div>
 <div class="cell">
-<div class="sourceCode cell-code hidden" id="cb3" data-startfrom="854" data-source-offset="0"><pre class="sourceCode numberSource js number-lines code-with-copy"><code class="sourceCode javascript" style="counter-reset: source-line 853;"><span id="cb3-854"><a href></a>cdf_data <span class="op">=</span> <span class="fu">FileAttachment</span>(<span class="st">&quot;assets/crps_learning/weights_plot/cdf_data.csv&quot;</span>)<span class="op">.</span><span class="fu">csv</span>({ <span class="dt">typed</span><span class="op">:</span> <span class="kw">true</span> })</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
+<div class="sourceCode cell-code hidden" id="cb3" data-startfrom="843" data-source-offset="0"><pre class="sourceCode numberSource js number-lines code-with-copy"><code class="sourceCode javascript" style="counter-reset: source-line 842;"><span id="cb3-843"><a href></a>cdf_data <span class="op">=</span> <span class="fu">FileAttachment</span>(<span class="st">&quot;assets/crps_learning/weights_plot/cdf_data.csv&quot;</span>)<span class="op">.</span><span class="fu">csv</span>({ <span class="dt">typed</span><span class="op">:</span> <span class="kw">true</span> })</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
 <div class="cell-output cell-output-display">
 <div id="ojs-cell-2" data-nodetype="declaration">
@@ -25957,190 +25955,190 @@ Berrisch, J. <span class="citation" data-cites="berrisch2025rcpptimer">(<a href=
 </div>
 </div>
 <div class="cell">
-<div class="sourceCode cell-code hidden" id="cb4" data-startfrom="859" data-source-offset="-0"><pre class="sourceCode numberSource js number-lines code-with-copy"><code class="sourceCode javascript" style="counter-reset: source-line 858;"><span id="cb4-859"><a href></a><span class="kw">function</span> <span class="fu">updateChartInner</span>(g<span class="op">,</span> x<span class="op">,</span> y<span class="op">,</span> linesGroup<span class="op">,</span> color<span class="op">,</span> line<span class="op">,</span> data) {</span>
+<div class="sourceCode cell-code hidden" id="cb4" data-startfrom="848" data-source-offset="-0"><pre class="sourceCode numberSource js number-lines code-with-copy"><code class="sourceCode javascript" style="counter-reset: source-line 847;"><span id="cb4-848"><a href></a><span class="kw">function</span> <span class="fu">updateChartInner</span>(g<span class="op">,</span> x<span class="op">,</span> y<span class="op">,</span> linesGroup<span class="op">,</span> color<span class="op">,</span> line<span class="op">,</span> data) {</span>
-<span id="cb4-860"><a href></a>  <span class="co">// Update axes with transitions</span></span>
+<span id="cb4-849"><a href></a>  <span class="co">// Update axes with transitions</span></span>
-<span id="cb4-861"><a href></a>  x<span class="op">.</span><span class="fu">domain</span>(d3<span class="op">.</span><span class="fu">extent</span>(data<span class="op">,</span> d <span class="kw">=&gt;</span> d<span class="op">.</span><span class="at">x</span>))<span class="op">;</span></span>
+<span id="cb4-850"><a href></a>  x<span class="op">.</span><span class="fu">domain</span>(d3<span class="op">.</span><span class="fu">extent</span>(data<span class="op">,</span> d <span class="kw">=&gt;</span> d<span class="op">.</span><span class="at">x</span>))<span class="op">;</span></span>
-<span id="cb4-862"><a href></a>  g<span class="op">.</span><span class="fu">select</span>(<span class="st">&quot;.x-axis&quot;</span>)<span class="op">.</span><span class="fu">transition</span>()<span class="op">.</span><span class="fu">duration</span>(<span class="dv">1500</span>)<span class="op">.</span><span class="fu">call</span>(d3<span class="op">.</span><span class="fu">axisBottom</span>(x)<span class="op">.</span><span class="fu">ticks</span>(<span class="dv">10</span>))<span class="op">;</span></span>
+<span id="cb4-851"><a href></a>  g<span class="op">.</span><span class="fu">select</span>(<span class="st">&quot;.x-axis&quot;</span>)<span class="op">.</span><span class="fu">transition</span>()<span class="op">.</span><span class="fu">duration</span>(<span class="dv">1500</span>)<span class="op">.</span><span class="fu">call</span>(d3<span class="op">.</span><span class="fu">axisBottom</span>(x)<span class="op">.</span><span class="fu">ticks</span>(<span class="dv">10</span>))<span class="op">;</span></span>
-<span id="cb4-863"><a href></a>  y<span class="op">.</span><span class="fu">domain</span>([<span class="dv">0</span><span class="op">,</span> d3<span class="op">.</span><span class="fu">max</span>(data<span class="op">,</span> d <span class="kw">=&gt;</span> d<span class="op">.</span><span class="at">y</span>)])<span class="op">;</span></span>
+<span id="cb4-852"><a href></a>  y<span class="op">.</span><span class="fu">domain</span>([<span class="dv">0</span><span class="op">,</span> d3<span class="op">.</span><span class="fu">max</span>(data<span class="op">,</span> d <span class="kw">=&gt;</span> d<span class="op">.</span><span class="at">y</span>)])<span class="op">;</span></span>
-<span id="cb4-864"><a href></a>  g<span class="op">.</span><span class="fu">select</span>(<span class="st">&quot;.y-axis&quot;</span>)<span class="op">.</span><span class="fu">transition</span>()<span class="op">.</span><span class="fu">duration</span>(<span class="dv">1500</span>)<span class="op">.</span><span class="fu">call</span>(d3<span class="op">.</span><span class="fu">axisLeft</span>(y)<span class="op">.</span><span class="fu">ticks</span>(<span class="dv">5</span>))<span class="op">;</span></span>
+<span id="cb4-853"><a href></a>  g<span class="op">.</span><span class="fu">select</span>(<span class="st">&quot;.y-axis&quot;</span>)<span class="op">.</span><span class="fu">transition</span>()<span class="op">.</span><span class="fu">duration</span>(<span class="dv">1500</span>)<span class="op">.</span><span class="fu">call</span>(d3<span class="op">.</span><span class="fu">axisLeft</span>(y)<span class="op">.</span><span class="fu">ticks</span>(<span class="dv">5</span>))<span class="op">;</span></span>
-<span id="cb4-865"><a href></a></span>
+<span id="cb4-854"><a href></a></span>
-<span id="cb4-866"><a href></a>  <span class="co">// Group data by basis function</span></span>
+<span id="cb4-855"><a href></a>  <span class="co">// Group data by basis function</span></span>
-<span id="cb4-867"><a href></a>  <span class="kw">const</span> dataByFunction <span class="op">=</span> <span class="bu">Array</span><span class="op">.</span><span class="fu">from</span>(d3<span class="op">.</span><span class="fu">group</span>(data<span class="op">,</span> d <span class="kw">=&gt;</span> d<span class="op">.</span><span class="at">b</span>))<span class="op">;</span></span>
+<span id="cb4-856"><a href></a>  <span class="kw">const</span> dataByFunction <span class="op">=</span> <span class="bu">Array</span><span class="op">.</span><span class="fu">from</span>(d3<span class="op">.</span><span class="fu">group</span>(data<span class="op">,</span> d <span class="kw">=&gt;</span> d<span class="op">.</span><span class="at">b</span>))<span class="op">;</span></span>
-<span id="cb4-868"><a href></a>  <span class="kw">const</span> keyFn <span class="op">=</span> d <span class="kw">=&gt;</span> d[<span class="dv">0</span>]<span class="op">;</span></span>
+<span id="cb4-857"><a href></a>  <span class="kw">const</span> keyFn <span class="op">=</span> d <span class="kw">=&gt;</span> d[<span class="dv">0</span>]<span class="op">;</span></span>
-<span id="cb4-869"><a href></a></span>
+<span id="cb4-858"><a href></a></span>
-<span id="cb4-870"><a href></a>  <span class="co">// Update basis function lines</span></span>
+<span id="cb4-859"><a href></a>  <span class="co">// Update basis function lines</span></span>
-<span id="cb4-871"><a href></a>  <span class="kw">const</span> u <span class="op">=</span> linesGroup<span class="op">.</span><span class="fu">selectAll</span>(<span class="st">&quot;path&quot;</span>)<span class="op">.</span><span class="fu">data</span>(dataByFunction<span class="op">,</span> keyFn)<span class="op">;</span></span>
+<span id="cb4-860"><a href></a>  <span class="kw">const</span> u <span class="op">=</span> linesGroup<span class="op">.</span><span class="fu">selectAll</span>(<span class="st">&quot;path&quot;</span>)<span class="op">.</span><span class="fu">data</span>(dataByFunction<span class="op">,</span> keyFn)<span class="op">;</span></span>
-<span id="cb4-872"><a href></a>  u<span class="op">.</span><span class="fu">join</span>(</span>
+<span id="cb4-861"><a href></a>  u<span class="op">.</span><span class="fu">join</span>(</span>
-<span id="cb4-873"><a href></a>    enter <span class="kw">=&gt;</span> enter<span class="op">.</span><span class="fu">append</span>(<span class="st">&quot;path&quot;</span>)<span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;fill&quot;</span><span class="op">,</span><span class="st">&quot;none&quot;</span>)<span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;stroke-width&quot;</span><span class="op">,</span><span class="dv">3</span>)</span>
+<span id="cb4-862"><a href></a>    enter <span class="kw">=&gt;</span> enter<span class="op">.</span><span class="fu">append</span>(<span class="st">&quot;path&quot;</span>)<span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;fill&quot;</span><span class="op">,</span><span class="st">&quot;none&quot;</span>)<span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;stroke-width&quot;</span><span class="op">,</span><span class="dv">3</span>)</span>
-<span id="cb4-874"><a href></a>      <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;stroke&quot;</span><span class="op">,</span> (_<span class="op">,</span> i) <span class="kw">=&gt;</span> <span class="fu">color</span>(i))<span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;d&quot;</span><span class="op">,</span> d <span class="kw">=&gt;</span> <span class="fu">line</span>(d[<span class="dv">1</span>]<span class="op">.</span><span class="fu">map</span>(pt <span class="kw">=&gt;</span> ({<span class="dt">x</span><span class="op">:</span> pt<span class="op">.</span><span class="at">x</span><span class="op">,</span> <span class="dt">y</span><span class="op">:</span> <span class="dv">0</span>}))))</span>
+<span id="cb4-863"><a href></a>      <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;stroke&quot;</span><span class="op">,</span> (_<span class="op">,</span> i) <span class="kw">=&gt;</span> <span class="fu">color</span>(i))<span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;d&quot;</span><span class="op">,</span> d <span class="kw">=&gt;</span> <span class="fu">line</span>(d[<span class="dv">1</span>]<span class="op">.</span><span class="fu">map</span>(pt <span class="kw">=&gt;</span> ({<span class="dt">x</span><span class="op">:</span> pt<span class="op">.</span><span class="at">x</span><span class="op">,</span> <span class="dt">y</span><span class="op">:</span> <span class="dv">0</span>}))))</span>
-<span id="cb4-875"><a href></a>      <span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;opacity&quot;</span><span class="op">,</span><span class="dv">0</span>)<span class="op">,</span></span>
+<span id="cb4-864"><a href></a>      <span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;opacity&quot;</span><span class="op">,</span><span class="dv">0</span>)<span class="op">,</span></span>
-<span id="cb4-876"><a href></a>    update <span class="kw">=&gt;</span> update<span class="op">,</span></span>
+<span id="cb4-865"><a href></a>    update <span class="kw">=&gt;</span> update<span class="op">,</span></span>
-<span id="cb4-877"><a href></a>    exit <span class="kw">=&gt;</span> exit<span class="op">.</span><span class="fu">transition</span>()<span class="op">.</span><span class="fu">duration</span>(<span class="dv">1000</span>)<span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;opacity&quot;</span><span class="op">,</span><span class="dv">0</span>)<span class="op">.</span><span class="fu">remove</span>()</span>
+<span id="cb4-866"><a href></a>    exit <span class="kw">=&gt;</span> exit<span class="op">.</span><span class="fu">transition</span>()<span class="op">.</span><span class="fu">duration</span>(<span class="dv">1000</span>)<span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;opacity&quot;</span><span class="op">,</span><span class="dv">0</span>)<span class="op">.</span><span class="fu">remove</span>()</span>
-<span id="cb4-878"><a href></a>  )</span>
+<span id="cb4-867"><a href></a>  )</span>
-<span id="cb4-879"><a href></a>  <span class="op">.</span><span class="fu">transition</span>()<span class="op">.</span><span class="fu">duration</span>(<span class="dv">1000</span>)</span>
+<span id="cb4-868"><a href></a>  <span class="op">.</span><span class="fu">transition</span>()<span class="op">.</span><span class="fu">duration</span>(<span class="dv">1000</span>)</span>
-<span id="cb4-880"><a href></a>    <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;d&quot;</span><span class="op">,</span> d <span class="kw">=&gt;</span> <span class="fu">line</span>(d[<span class="dv">1</span>]))</span>
+<span id="cb4-869"><a href></a>    <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;d&quot;</span><span class="op">,</span> d <span class="kw">=&gt;</span> <span class="fu">line</span>(d[<span class="dv">1</span>]))</span>
-<span id="cb4-881"><a href></a>    <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;stroke&quot;</span><span class="op">,</span> (_<span class="op">,</span> i) <span class="kw">=&gt;</span> <span class="fu">color</span>(i))</span>
+<span id="cb4-870"><a href></a>    <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;stroke&quot;</span><span class="op">,</span> (_<span class="op">,</span> i) <span class="kw">=&gt;</span> <span class="fu">color</span>(i))</span>
-<span id="cb4-882"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;opacity&quot;</span><span class="op">,</span><span class="dv">1</span>)<span class="op">;</span></span>
+<span id="cb4-871"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;opacity&quot;</span><span class="op">,</span><span class="dv">1</span>)<span class="op">;</span></span>
-<span id="cb4-883"><a href></a>}</span>
+<span id="cb4-872"><a href></a>}</span>
-<span id="cb4-884"><a href></a></span>
+<span id="cb4-873"><a href></a></span>
-<span id="cb4-885"><a href></a>chart <span class="op">=</span> {</span>
+<span id="cb4-874"><a href></a>chart <span class="op">=</span> {</span>
-<span id="cb4-886"><a href></a>  <span class="co">// State variable for selected mu parameter</span></span>
+<span id="cb4-875"><a href></a>  <span class="co">// State variable for selected mu parameter</span></span>
-<span id="cb4-887"><a href></a>  <span class="kw">let</span> selectedMu <span class="op">=</span> <span class="dv">1</span><span class="op">;</span></span>
+<span id="cb4-876"><a href></a>  <span class="kw">let</span> selectedMu <span class="op">=</span> <span class="dv">1</span><span class="op">;</span></span>
-<span id="cb4-888"><a href></a>  </span>
+<span id="cb4-877"><a href></a>  </span>
-<span id="cb4-889"><a href></a>  <span class="kw">const</span> filteredData <span class="op">=</span> () <span class="kw">=&gt;</span> cdf_data<span class="op">.</span><span class="fu">filter</span>(d <span class="kw">=&gt;</span></span>
+<span id="cb4-878"><a href></a>  <span class="kw">const</span> filteredData <span class="op">=</span> () <span class="kw">=&gt;</span> cdf_data<span class="op">.</span><span class="fu">filter</span>(d <span class="kw">=&gt;</span></span>
-<span id="cb4-890"><a href></a>    <span class="bu">Math</span><span class="op">.</span><span class="fu">abs</span>(selectedMu <span class="op">-</span> d<span class="op">.</span><span class="at">mu</span>) <span class="op">&lt;</span> <span class="fl">0.001</span></span>
+<span id="cb4-879"><a href></a>    <span class="bu">Math</span><span class="op">.</span><span class="fu">abs</span>(selectedMu <span class="op">-</span> d<span class="op">.</span><span class="at">mu</span>) <span class="op">&lt;</span> <span class="fl">0.001</span></span>
-<span id="cb4-891"><a href></a>  )<span class="op">;</span></span>
+<span id="cb4-880"><a href></a>  )<span class="op">;</span></span>
-<span id="cb4-892"><a href></a>  </span>
+<span id="cb4-881"><a href></a>  </span>
-<span id="cb4-893"><a href></a>  <span class="kw">const</span> container <span class="op">=</span> d3<span class="op">.</span><span class="fu">create</span>(<span class="st">&quot;div&quot;</span>)</span>
+<span id="cb4-882"><a href></a>  <span class="kw">const</span> container <span class="op">=</span> d3<span class="op">.</span><span class="fu">create</span>(<span class="st">&quot;div&quot;</span>)</span>
-<span id="cb4-894"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;max-width&quot;</span><span class="op">,</span> <span class="st">&quot;none&quot;</span>)</span>
+<span id="cb4-883"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;max-width&quot;</span><span class="op">,</span> <span class="st">&quot;none&quot;</span>)</span>
-<span id="cb4-895"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;width&quot;</span><span class="op">,</span> <span class="st">&quot;100%&quot;</span>)<span class="op">;</span></span>
+<span id="cb4-884"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;width&quot;</span><span class="op">,</span> <span class="st">&quot;100%&quot;</span>)<span class="op">;</span></span>
-<span id="cb4-896"><a href></a>    </span>
+<span id="cb4-885"><a href></a>    </span>
-<span id="cb4-897"><a href></a>  <span class="kw">const</span> controlsContainer <span class="op">=</span> container<span class="op">.</span><span class="fu">append</span>(<span class="st">&quot;div&quot;</span>)</span>
+<span id="cb4-886"><a href></a>  <span class="kw">const</span> controlsContainer <span class="op">=</span> container<span class="op">.</span><span class="fu">append</span>(<span class="st">&quot;div&quot;</span>)</span>
-<span id="cb4-898"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;display&quot;</span><span class="op">,</span> <span class="st">&quot;flex&quot;</span>)</span>
+<span id="cb4-887"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;display&quot;</span><span class="op">,</span> <span class="st">&quot;flex&quot;</span>)</span>
-<span id="cb4-899"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;gap&quot;</span><span class="op">,</span> <span class="st">&quot;20px&quot;</span>)</span>
+<span id="cb4-888"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;gap&quot;</span><span class="op">,</span> <span class="st">&quot;20px&quot;</span>)</span>
-<span id="cb4-900"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;align-items&quot;</span><span class="op">,</span> <span class="st">&quot;center&quot;</span>)<span class="op">;</span></span>
+<span id="cb4-889"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;align-items&quot;</span><span class="op">,</span> <span class="st">&quot;center&quot;</span>)<span class="op">;</span></span>
-<span id="cb4-901"><a href></a>  </span>
+<span id="cb4-890"><a href></a>  </span>
-<span id="cb4-902"><a href></a>  <span class="co">// Single slider control for mu</span></span>
+<span id="cb4-891"><a href></a>  <span class="co">// Single slider control for mu</span></span>
-<span id="cb4-903"><a href></a>  <span class="kw">const</span> sliderContainer <span class="op">=</span> controlsContainer<span class="op">.</span><span class="fu">append</span>(<span class="st">&#39;div&#39;</span>)</span>
+<span id="cb4-892"><a href></a>  <span class="kw">const</span> sliderContainer <span class="op">=</span> controlsContainer<span class="op">.</span><span class="fu">append</span>(<span class="st">&#39;div&#39;</span>)</span>
-<span id="cb4-904"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;display&#39;</span><span class="op">,</span><span class="st">&#39;flex&#39;</span>)</span>
+<span id="cb4-893"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;display&#39;</span><span class="op">,</span><span class="st">&#39;flex&#39;</span>)</span>
-<span id="cb4-905"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;align-items&#39;</span><span class="op">,</span><span class="st">&#39;center&#39;</span>)</span>
+<span id="cb4-894"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;align-items&#39;</span><span class="op">,</span><span class="st">&#39;center&#39;</span>)</span>
-<span id="cb4-906"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;gap&#39;</span><span class="op">,</span><span class="st">&#39;10px&#39;</span>)</span>
+<span id="cb4-895"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;gap&#39;</span><span class="op">,</span><span class="st">&#39;10px&#39;</span>)</span>
-<span id="cb4-907"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;flex&#39;</span><span class="op">,</span><span class="st">&#39;1&#39;</span>)<span class="op">;</span></span>
+<span id="cb4-896"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;flex&#39;</span><span class="op">,</span><span class="st">&#39;1&#39;</span>)<span class="op">;</span></span>
-<span id="cb4-908"><a href></a>    </span>
+<span id="cb4-897"><a href></a>    </span>
-<span id="cb4-909"><a href></a>  sliderContainer<span class="op">.</span><span class="fu">append</span>(<span class="st">&#39;label&#39;</span>)</span>
+<span id="cb4-898"><a href></a>  sliderContainer<span class="op">.</span><span class="fu">append</span>(<span class="st">&#39;label&#39;</span>)</span>
-<span id="cb4-910"><a href></a>    <span class="op">.</span><span class="fu">text</span>(<span class="st">&#39;Naive:&#39;</span>)</span>
+<span id="cb4-899"><a href></a>    <span class="op">.</span><span class="fu">text</span>(<span class="st">&#39;Naive:&#39;</span>)</span>
-<span id="cb4-911"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;font-size&#39;</span><span class="op">,</span><span class="st">&#39;20px&#39;</span>)<span class="op">;</span></span>
+<span id="cb4-900"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;font-size&#39;</span><span class="op">,</span><span class="st">&#39;20px&#39;</span>)<span class="op">;</span></span>
-<span id="cb4-912"><a href></a>    </span>
+<span id="cb4-901"><a href></a>    </span>
-<span id="cb4-913"><a href></a>  <span class="kw">const</span> muSlider <span class="op">=</span> sliderContainer<span class="op">.</span><span class="fu">append</span>(<span class="st">&#39;input&#39;</span>)</span>
+<span id="cb4-902"><a href></a>  <span class="kw">const</span> muSlider <span class="op">=</span> sliderContainer<span class="op">.</span><span class="fu">append</span>(<span class="st">&#39;input&#39;</span>)</span>
-<span id="cb4-914"><a href></a>    <span class="op">.</span><span class="fu">attr</span>(<span class="st">&#39;type&#39;</span><span class="op">,</span><span class="st">&#39;range&#39;</span>)</span>
+<span id="cb4-903"><a href></a>    <span class="op">.</span><span class="fu">attr</span>(<span class="st">&#39;type&#39;</span><span class="op">,</span><span class="st">&#39;range&#39;</span>)</span>
-<span id="cb4-915"><a href></a>    <span class="op">.</span><span class="fu">attr</span>(<span class="st">&#39;min&#39;</span><span class="op">,</span> <span class="dv">0</span>)</span>
+<span id="cb4-904"><a href></a>    <span class="op">.</span><span class="fu">attr</span>(<span class="st">&#39;min&#39;</span><span class="op">,</span> <span class="dv">0</span>)</span>
-<span id="cb4-916"><a href></a>    <span class="op">.</span><span class="fu">attr</span>(<span class="st">&#39;max&#39;</span><span class="op">,</span> <span class="dv">1</span>)</span>
+<span id="cb4-905"><a href></a>    <span class="op">.</span><span class="fu">attr</span>(<span class="st">&#39;max&#39;</span><span class="op">,</span> <span class="dv">1</span>)</span>
-<span id="cb4-917"><a href></a>    <span class="op">.</span><span class="fu">attr</span>(<span class="st">&#39;step&#39;</span><span class="op">,</span> <span class="fl">0.1</span>)</span>
+<span id="cb4-906"><a href></a>    <span class="op">.</span><span class="fu">attr</span>(<span class="st">&#39;step&#39;</span><span class="op">,</span> <span class="fl">0.1</span>)</span>
-<span id="cb4-918"><a href></a>    <span class="op">.</span><span class="fu">property</span>(<span class="st">&#39;value&#39;</span><span class="op">,</span> selectedMu)</span>
+<span id="cb4-907"><a href></a>    <span class="op">.</span><span class="fu">property</span>(<span class="st">&#39;value&#39;</span><span class="op">,</span> selectedMu)</span>
-<span id="cb4-919"><a href></a>    <span class="op">.</span><span class="fu">on</span>(<span class="st">&#39;input&#39;</span><span class="op">,</span> <span class="kw">function</span>(<span class="bu">event</span>) {</span>
+<span id="cb4-908"><a href></a>    <span class="op">.</span><span class="fu">on</span>(<span class="st">&#39;input&#39;</span><span class="op">,</span> <span class="kw">function</span>(<span class="bu">event</span>) {</span>
-<span id="cb4-920"><a href></a>      selectedMu <span class="op">=</span> <span class="op">+</span><span class="kw">this</span><span class="op">.</span><span class="at">value</span><span class="op">;</span></span>
+<span id="cb4-909"><a href></a>      selectedMu <span class="op">=</span> <span class="op">+</span><span class="kw">this</span><span class="op">.</span><span class="at">value</span><span class="op">;</span></span>
-<span id="cb4-921"><a href></a>      muDisplay<span class="op">.</span><span class="fu">text</span>(selectedMu<span class="op">.</span><span class="fu">toFixed</span>(<span class="dv">1</span>))<span class="op">;</span></span>
+<span id="cb4-910"><a href></a>      muDisplay<span class="op">.</span><span class="fu">text</span>(selectedMu<span class="op">.</span><span class="fu">toFixed</span>(<span class="dv">1</span>))<span class="op">;</span></span>
-<span id="cb4-922"><a href></a>      <span class="fu">updateChart</span>(<span class="fu">filteredData</span>())<span class="op">;</span></span>
+<span id="cb4-911"><a href></a>      <span class="fu">updateChart</span>(<span class="fu">filteredData</span>())<span class="op">;</span></span>
-<span id="cb4-923"><a href></a>    })</span>
+<span id="cb4-912"><a href></a>    })</span>
-<span id="cb4-924"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;width&#39;</span><span class="op">,</span> <span class="st">&#39;100%&#39;</span>)</span>
+<span id="cb4-913"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;width&#39;</span><span class="op">,</span> <span class="st">&#39;100%&#39;</span>)</span>
-<span id="cb4-925"><a href></a>    <span class="co">//.style(&#39;-webkit-appearance&#39;, &#39;none&#39;)</span></span>
+<span id="cb4-914"><a href></a>    <span class="co">//.style(&#39;-webkit-appearance&#39;, &#39;none&#39;)</span></span>
-<span id="cb4-926"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;appearance&#39;</span><span class="op">,</span> <span class="st">&#39;none&#39;</span>)</span>
+<span id="cb4-915"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;appearance&#39;</span><span class="op">,</span> <span class="st">&#39;none&#39;</span>)</span>
-<span id="cb4-927"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;height&#39;</span><span class="op">,</span> <span class="st">&#39;8px&#39;</span>)</span>
+<span id="cb4-916"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;height&#39;</span><span class="op">,</span> <span class="st">&#39;8px&#39;</span>)</span>
-<span id="cb4-928"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;background&#39;</span><span class="op">,</span> <span class="st">&#39;#BDBDBDFF&#39;</span>)<span class="op">;</span></span>
+<span id="cb4-917"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;background&#39;</span><span class="op">,</span> <span class="st">&#39;#BDBDBDFF&#39;</span>)<span class="op">;</span></span>
-<span id="cb4-929"><a href></a>    </span>
+<span id="cb4-918"><a href></a>    </span>
-<span id="cb4-930"><a href></a>  <span class="kw">const</span> muDisplay <span class="op">=</span> sliderContainer<span class="op">.</span><span class="fu">append</span>(<span class="st">&#39;span&#39;</span>)</span>
+<span id="cb4-919"><a href></a>  <span class="kw">const</span> muDisplay <span class="op">=</span> sliderContainer<span class="op">.</span><span class="fu">append</span>(<span class="st">&#39;span&#39;</span>)</span>
-<span id="cb4-931"><a href></a>    <span class="op">.</span><span class="fu">text</span>(selectedMu<span class="op">.</span><span class="fu">toFixed</span>(<span class="dv">1</span>))</span>
+<span id="cb4-920"><a href></a>    <span class="op">.</span><span class="fu">text</span>(selectedMu<span class="op">.</span><span class="fu">toFixed</span>(<span class="dv">1</span>))</span>
-<span id="cb4-932"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;font-size&#39;</span><span class="op">,</span><span class="st">&#39;20px&#39;</span>)<span class="op">;</span></span>
+<span id="cb4-921"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;font-size&#39;</span><span class="op">,</span><span class="st">&#39;20px&#39;</span>)<span class="op">;</span></span>
-<span id="cb4-933"><a href></a>  </span>
+<span id="cb4-922"><a href></a>  </span>
-<span id="cb4-934"><a href></a>  <span class="co">// Add Reset button</span></span>
+<span id="cb4-923"><a href></a>  <span class="co">// Add Reset button</span></span>
-<span id="cb4-935"><a href></a>  controlsContainer<span class="op">.</span><span class="fu">append</span>(<span class="st">&#39;button&#39;</span>)</span>
+<span id="cb4-924"><a href></a>  controlsContainer<span class="op">.</span><span class="fu">append</span>(<span class="st">&#39;button&#39;</span>)</span>
-<span id="cb4-936"><a href></a>    <span class="op">.</span><span class="fu">text</span>(<span class="st">&#39;Reset&#39;</span>)</span>
+<span id="cb4-925"><a href></a>    <span class="op">.</span><span class="fu">text</span>(<span class="st">&#39;Reset&#39;</span>)</span>
-<span id="cb4-937"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;font-size&#39;</span><span class="op">,</span> <span class="st">&#39;20px&#39;</span>)</span>
+<span id="cb4-926"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;font-size&#39;</span><span class="op">,</span> <span class="st">&#39;20px&#39;</span>)</span>
-<span id="cb4-938"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;align-self&#39;</span><span class="op">,</span> <span class="st">&#39;center&#39;</span>)</span>
+<span id="cb4-927"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;align-self&#39;</span><span class="op">,</span> <span class="st">&#39;center&#39;</span>)</span>
-<span id="cb4-939"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;margin-left&#39;</span><span class="op">,</span> <span class="st">&#39;auto&#39;</span>)</span>
+<span id="cb4-928"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;margin-left&#39;</span><span class="op">,</span> <span class="st">&#39;auto&#39;</span>)</span>
-<span id="cb4-940"><a href></a>    <span class="op">.</span><span class="fu">on</span>(<span class="st">&#39;click&#39;</span><span class="op">,</span> () <span class="kw">=&gt;</span> {</span>
+<span id="cb4-929"><a href></a>    <span class="op">.</span><span class="fu">on</span>(<span class="st">&#39;click&#39;</span><span class="op">,</span> () <span class="kw">=&gt;</span> {</span>
-<span id="cb4-941"><a href></a>      selectedMu <span class="op">=</span> <span class="dv">1</span><span class="op">;</span></span>
+<span id="cb4-930"><a href></a>      selectedMu <span class="op">=</span> <span class="dv">1</span><span class="op">;</span></span>
-<span id="cb4-942"><a href></a>      muSlider<span class="op">.</span><span class="fu">property</span>(<span class="st">&#39;value&#39;</span><span class="op">,</span> selectedMu)<span class="op">;</span></span>
+<span id="cb4-931"><a href></a>      muSlider<span class="op">.</span><span class="fu">property</span>(<span class="st">&#39;value&#39;</span><span class="op">,</span> selectedMu)<span class="op">;</span></span>
-<span id="cb4-943"><a href></a>      muDisplay<span class="op">.</span><span class="fu">text</span>(selectedMu<span class="op">.</span><span class="fu">toFixed</span>(<span class="dv">1</span>))<span class="op">;</span></span>
+<span id="cb4-932"><a href></a>      muDisplay<span class="op">.</span><span class="fu">text</span>(selectedMu<span class="op">.</span><span class="fu">toFixed</span>(<span class="dv">1</span>))<span class="op">;</span></span>
-<span id="cb4-944"><a href></a>      <span class="fu">updateChart</span>(<span class="fu">filteredData</span>())<span class="op">;</span></span>
+<span id="cb4-933"><a href></a>      <span class="fu">updateChart</span>(<span class="fu">filteredData</span>())<span class="op">;</span></span>
-<span id="cb4-945"><a href></a>    })<span class="op">;</span></span>
+<span id="cb4-934"><a href></a>    })<span class="op">;</span></span>
-<span id="cb4-946"><a href></a></span>
+<span id="cb4-935"><a href></a></span>
-<span id="cb4-947"><a href></a>   <span class="co">// Build SVG</span></span>
+<span id="cb4-936"><a href></a>   <span class="co">// Build SVG</span></span>
-<span id="cb4-948"><a href></a>   <span class="kw">const</span> width <span class="op">=</span> <span class="dv">600</span><span class="op">;</span></span>
+<span id="cb4-937"><a href></a>   <span class="kw">const</span> width <span class="op">=</span> <span class="dv">600</span><span class="op">;</span></span>
-<span id="cb4-949"><a href></a>   <span class="kw">const</span> height <span class="op">=</span> <span class="dv">450</span><span class="op">;</span></span>
+<span id="cb4-938"><a href></a>   <span class="kw">const</span> height <span class="op">=</span> <span class="dv">450</span><span class="op">;</span></span>
-<span id="cb4-950"><a href></a>   <span class="kw">const</span> margin <span class="op">=</span> {<span class="dt">top</span><span class="op">:</span> <span class="dv">40</span><span class="op">,</span> <span class="dt">right</span><span class="op">:</span> <span class="dv">20</span><span class="op">,</span> <span class="dt">bottom</span><span class="op">:</span> <span class="dv">40</span><span class="op">,</span> <span class="dt">left</span><span class="op">:</span> <span class="dv">40</span>}<span class="op">;</span></span>
+<span id="cb4-939"><a href></a>   <span class="kw">const</span> margin <span class="op">=</span> {<span class="dt">top</span><span class="op">:</span> <span class="dv">40</span><span class="op">,</span> <span class="dt">right</span><span class="op">:</span> <span class="dv">20</span><span class="op">,</span> <span class="dt">bottom</span><span class="op">:</span> <span class="dv">40</span><span class="op">,</span> <span class="dt">left</span><span class="op">:</span> <span class="dv">40</span>}<span class="op">;</span></span>
-<span id="cb4-951"><a href></a>   <span class="kw">const</span> innerWidth <span class="op">=</span> width <span class="op">-</span> margin<span class="op">.</span><span class="at">left</span> <span class="op">-</span> margin<span class="op">.</span><span class="at">right</span><span class="op">;</span></span>
+<span id="cb4-940"><a href></a>   <span class="kw">const</span> innerWidth <span class="op">=</span> width <span class="op">-</span> margin<span class="op">.</span><span class="at">left</span> <span class="op">-</span> margin<span class="op">.</span><span class="at">right</span><span class="op">;</span></span>
-<span id="cb4-952"><a href></a>   <span class="kw">const</span> innerHeight <span class="op">=</span> height <span class="op">-</span> margin<span class="op">.</span><span class="at">top</span> <span class="op">-</span> margin<span class="op">.</span><span class="at">bottom</span><span class="op">;</span></span>
+<span id="cb4-941"><a href></a>   <span class="kw">const</span> innerHeight <span class="op">=</span> height <span class="op">-</span> margin<span class="op">.</span><span class="at">top</span> <span class="op">-</span> margin<span class="op">.</span><span class="at">bottom</span><span class="op">;</span></span>
-<span id="cb4-953"><a href></a></span>
+<span id="cb4-942"><a href></a></span>
-<span id="cb4-954"><a href></a>   <span class="co">// Set controls container width to match SVG plot width</span></span>
+<span id="cb4-943"><a href></a>   <span class="co">// Set controls container width to match SVG plot width</span></span>
-<span id="cb4-955"><a href></a>   controlsContainer<span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;max-width&quot;</span><span class="op">,</span> <span class="st">&quot;none&quot;</span>)<span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;width&quot;</span><span class="op">,</span> <span class="st">&quot;100%&quot;</span>)<span class="op">;</span></span>
+<span id="cb4-944"><a href></a>   controlsContainer<span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;max-width&quot;</span><span class="op">,</span> <span class="st">&quot;none&quot;</span>)<span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;width&quot;</span><span class="op">,</span> <span class="st">&quot;100%&quot;</span>)<span class="op">;</span></span>
-<span id="cb4-956"><a href></a>   <span class="co">// Distribute each control evenly and make sliders full-width</span></span>
+<span id="cb4-945"><a href></a>   <span class="co">// Distribute each control evenly and make sliders full-width</span></span>
-<span id="cb4-957"><a href></a>   controlsContainer<span class="op">.</span><span class="fu">selectAll</span>(<span class="st">&quot;div&quot;</span>)<span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;flex&quot;</span><span class="op">,</span> <span class="st">&quot;1&quot;</span>)<span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;min-width&quot;</span><span class="op">,</span> <span class="st">&quot;0px&quot;</span>)<span class="op">;</span></span>
+<span id="cb4-946"><a href></a>   controlsContainer<span class="op">.</span><span class="fu">selectAll</span>(<span class="st">&quot;div&quot;</span>)<span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;flex&quot;</span><span class="op">,</span> <span class="st">&quot;1&quot;</span>)<span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;min-width&quot;</span><span class="op">,</span> <span class="st">&quot;0px&quot;</span>)<span class="op">;</span></span>
-<span id="cb4-958"><a href></a>   controlsContainer<span class="op">.</span><span class="fu">selectAll</span>(<span class="st">&quot;input&quot;</span>)<span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;width&quot;</span><span class="op">,</span> <span class="st">&quot;100%&quot;</span>)<span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;box-sizing&quot;</span><span class="op">,</span> <span class="st">&quot;border-box&quot;</span>)<span class="op">;</span></span>
+<span id="cb4-947"><a href></a>   controlsContainer<span class="op">.</span><span class="fu">selectAll</span>(<span class="st">&quot;input&quot;</span>)<span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;width&quot;</span><span class="op">,</span> <span class="st">&quot;100%&quot;</span>)<span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;box-sizing&quot;</span><span class="op">,</span> <span class="st">&quot;border-box&quot;</span>)<span class="op">;</span></span>
-<span id="cb4-959"><a href></a>   </span>
+<span id="cb4-948"><a href></a>   </span>
-<span id="cb4-960"><a href></a>   <span class="co">// Create scales</span></span>
+<span id="cb4-949"><a href></a>   <span class="co">// Create scales</span></span>
-<span id="cb4-961"><a href></a>   <span class="kw">const</span> x <span class="op">=</span> d3<span class="op">.</span><span class="fu">scaleLinear</span>()</span>
+<span id="cb4-950"><a href></a>   <span class="kw">const</span> x <span class="op">=</span> d3<span class="op">.</span><span class="fu">scaleLinear</span>()</span>
-<span id="cb4-962"><a href></a>     <span class="op">.</span><span class="fu">range</span>([<span class="dv">0</span><span class="op">,</span> innerWidth])<span class="op">;</span></span>
+<span id="cb4-951"><a href></a>     <span class="op">.</span><span class="fu">range</span>([<span class="dv">0</span><span class="op">,</span> innerWidth])<span class="op">;</span></span>
-<span id="cb4-963"><a href></a>     </span>
+<span id="cb4-952"><a href></a>     </span>
-<span id="cb4-964"><a href></a>   <span class="kw">const</span> y <span class="op">=</span> d3<span class="op">.</span><span class="fu">scaleLinear</span>()</span>
+<span id="cb4-953"><a href></a>   <span class="kw">const</span> y <span class="op">=</span> d3<span class="op">.</span><span class="fu">scaleLinear</span>()</span>
-<span id="cb4-965"><a href></a>     <span class="op">.</span><span class="fu">range</span>([innerHeight<span class="op">,</span> <span class="dv">0</span>])<span class="op">;</span></span>
+<span id="cb4-954"><a href></a>     <span class="op">.</span><span class="fu">range</span>([innerHeight<span class="op">,</span> <span class="dv">0</span>])<span class="op">;</span></span>
 <span id="cb4-955"><a href></a>   </span>
 <span id="cb4-956"><a href></a>   <span class="co">// Create a color scale for the basis functions</span></span>
 <span id="cb4-957"><a href></a>   <span class="kw">const</span> color <span class="op">=</span> d3<span class="op">.</span><span class="fu">scaleOrdinal</span>([<span class="st">&quot;#80C684FF&quot;</span><span class="op">,</span> <span class="st">&quot;#FFD44EFF&quot;</span><span class="op">,</span> <span class="st">&quot;#D81A5FFF&quot;</span>])<span class="op">;</span></span>
 <span id="cb4-958"><a href></a>   </span>
 <span id="cb4-959"><a href></a>   <span class="co">// Create SVG</span></span>
 <span id="cb4-960"><a href></a>   <span class="kw">const</span> svg <span class="op">=</span> d3<span class="op">.</span><span class="fu">create</span>(<span class="st">&quot;svg&quot;</span>)</span>
 <span id="cb4-961"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;width&quot;</span><span class="op">,</span> <span class="st">&quot;100%&quot;</span>)</span>
 <span id="cb4-962"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;height&quot;</span><span class="op">,</span> <span class="st">&quot;auto&quot;</span>)</span>
 <span id="cb4-963"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;viewBox&quot;</span><span class="op">,</span> [<span class="dv">0</span><span class="op">,</span> <span class="dv">0</span><span class="op">,</span> width<span class="op">,</span> height])</span>
 <span id="cb4-964"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;preserveAspectRatio&quot;</span><span class="op">,</span> <span class="st">&quot;xMidYMid meet&quot;</span>)</span>
 <span id="cb4-965"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;style&quot;</span><span class="op">,</span> <span class="st">&quot;max-width: 100%; height: auto;&quot;</span>)<span class="op">;</span></span>
 <span id="cb4-966"><a href></a>   </span>
-<span id="cb4-967"><a href></a>   <span class="co">// Create a color scale for the basis functions</span></span>
+<span id="cb4-967"><a href></a>   <span class="co">// Create the chart group</span></span>
-<span id="cb4-968"><a href></a>   <span class="kw">const</span> color <span class="op">=</span> d3<span class="op">.</span><span class="fu">scaleOrdinal</span>([<span class="st">&quot;#80C684FF&quot;</span><span class="op">,</span> <span class="st">&quot;#FFD44EFF&quot;</span><span class="op">,</span> <span class="st">&quot;#D81A5FFF&quot;</span>])<span class="op">;</span></span>
+<span id="cb4-968"><a href></a>   <span class="kw">const</span> g <span class="op">=</span> svg<span class="op">.</span><span class="fu">append</span>(<span class="st">&quot;g&quot;</span>)</span>
-<span id="cb4-969"><a href></a>   </span>
+<span id="cb4-969"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;transform&quot;</span><span class="op">,</span> <span class="vs">`translate(</span><span class="sc">${</span>margin<span class="op">.</span><span class="at">left</span><span class="sc">}</span><span class="vs">,</span><span class="sc">${</span>margin<span class="op">.</span><span class="at">top</span><span class="sc">}</span><span class="vs">)`</span>)<span class="op">;</span></span>
-<span id="cb4-970"><a href></a>   <span class="co">// Create SVG</span></span>
+<span id="cb4-970"><a href></a>   </span>
-<span id="cb4-971"><a href></a>   <span class="kw">const</span> svg <span class="op">=</span> d3<span class="op">.</span><span class="fu">create</span>(<span class="st">&quot;svg&quot;</span>)</span>
+<span id="cb4-971"><a href></a>   <span class="co">// Add axes</span></span>
-<span id="cb4-972"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;width&quot;</span><span class="op">,</span> <span class="st">&quot;100%&quot;</span>)</span>
+<span id="cb4-972"><a href></a>   <span class="kw">const</span> xAxis <span class="op">=</span> g<span class="op">.</span><span class="fu">append</span>(<span class="st">&quot;g&quot;</span>)</span>
-<span id="cb4-973"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;height&quot;</span><span class="op">,</span> <span class="st">&quot;auto&quot;</span>)</span>
+<span id="cb4-973"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;transform&quot;</span><span class="op">,</span> <span class="vs">`translate(0,</span><span class="sc">${</span>innerHeight<span class="sc">}</span><span class="vs">)`</span>)</span>
-<span id="cb4-974"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;viewBox&quot;</span><span class="op">,</span> [<span class="dv">0</span><span class="op">,</span> <span class="dv">0</span><span class="op">,</span> width<span class="op">,</span> height])</span>
+<span id="cb4-974"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;class&quot;</span><span class="op">,</span> <span class="st">&quot;x-axis&quot;</span>)</span>
-<span id="cb4-975"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;preserveAspectRatio&quot;</span><span class="op">,</span> <span class="st">&quot;xMidYMid meet&quot;</span>)</span>
+<span id="cb4-975"><a href></a>     <span class="op">.</span><span class="fu">call</span>(d3<span class="op">.</span><span class="fu">axisBottom</span>(x)<span class="op">.</span><span class="fu">ticks</span>(<span class="dv">10</span>))</span>
-<span id="cb4-976"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;style&quot;</span><span class="op">,</span> <span class="st">&quot;max-width: 100%; height: auto;&quot;</span>)<span class="op">;</span></span>
+<span id="cb4-976"><a href></a>     <span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;font-size&quot;</span><span class="op">,</span> <span class="st">&quot;20px&quot;</span>)<span class="op">;</span></span>
 <span id="cb4-977"><a href></a>   </span>
-<span id="cb4-978"><a href></a>   <span class="co">// Create the chart group</span></span>
+<span id="cb4-978"><a href></a>   <span class="kw">const</span> yAxis <span class="op">=</span> g<span class="op">.</span><span class="fu">append</span>(<span class="st">&quot;g&quot;</span>)</span>
-<span id="cb4-979"><a href></a>   <span class="kw">const</span> g <span class="op">=</span> svg<span class="op">.</span><span class="fu">append</span>(<span class="st">&quot;g&quot;</span>)</span>
+<span id="cb4-979"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;class&quot;</span><span class="op">,</span> <span class="st">&quot;y-axis&quot;</span>)</span>
-<span id="cb4-980"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;transform&quot;</span><span class="op">,</span> <span class="vs">`translate(</span><span class="sc">${</span>margin<span class="op">.</span><span class="at">left</span><span class="sc">}</span><span class="vs">,</span><span class="sc">${</span>margin<span class="op">.</span><span class="at">top</span><span class="sc">}</span><span class="vs">)`</span>)<span class="op">;</span></span>
+<span id="cb4-980"><a href></a>     <span class="op">.</span><span class="fu">call</span>(d3<span class="op">.</span><span class="fu">axisLeft</span>(y)<span class="op">.</span><span class="fu">ticks</span>(<span class="dv">5</span>))</span>
-<span id="cb4-981"><a href></a>   </span>
+<span id="cb4-981"><a href></a>     <span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;font-size&quot;</span><span class="op">,</span> <span class="st">&quot;20px&quot;</span>)<span class="op">;</span></span>
-<span id="cb4-982"><a href></a>   <span class="co">// Add axes</span></span>
+<span id="cb4-982"><a href></a>   </span>
-<span id="cb4-983"><a href></a>   <span class="kw">const</span> xAxis <span class="op">=</span> g<span class="op">.</span><span class="fu">append</span>(<span class="st">&quot;g&quot;</span>)</span>
+<span id="cb4-983"><a href></a>   <span class="co">// Add a horizontal line at y = 0</span></span>
-<span id="cb4-984"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;transform&quot;</span><span class="op">,</span> <span class="vs">`translate(0,</span><span class="sc">${</span>innerHeight<span class="sc">}</span><span class="vs">)`</span>)</span>
+<span id="cb4-984"><a href></a>   g<span class="op">.</span><span class="fu">append</span>(<span class="st">&quot;line&quot;</span>)</span>
-<span id="cb4-985"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;class&quot;</span><span class="op">,</span> <span class="st">&quot;x-axis&quot;</span>)</span>
+<span id="cb4-985"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;x1&quot;</span><span class="op">,</span> <span class="dv">0</span>)</span>
-<span id="cb4-986"><a href></a>     <span class="op">.</span><span class="fu">call</span>(d3<span class="op">.</span><span class="fu">axisBottom</span>(x)<span class="op">.</span><span class="fu">ticks</span>(<span class="dv">10</span>))</span>
+<span id="cb4-986"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;x2&quot;</span><span class="op">,</span> innerWidth)</span>
-<span id="cb4-987"><a href></a>     <span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;font-size&quot;</span><span class="op">,</span> <span class="st">&quot;20px&quot;</span>)<span class="op">;</span></span>
+<span id="cb4-987"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;y1&quot;</span><span class="op">,</span> <span class="fu">y</span>(<span class="dv">0</span>))</span>
-<span id="cb4-988"><a href></a>   </span>
+<span id="cb4-988"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;y2&quot;</span><span class="op">,</span> <span class="fu">y</span>(<span class="dv">0</span>))</span>
-<span id="cb4-989"><a href></a>   <span class="kw">const</span> yAxis <span class="op">=</span> g<span class="op">.</span><span class="fu">append</span>(<span class="st">&quot;g&quot;</span>)</span>
+<span id="cb4-989"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;stroke&quot;</span><span class="op">,</span> <span class="st">&quot;#000&quot;</span>)</span>
-<span id="cb4-990"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;class&quot;</span><span class="op">,</span> <span class="st">&quot;y-axis&quot;</span>)</span>
+<span id="cb4-990"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;stroke-opacity&quot;</span><span class="op">,</span> <span class="fl">0.2</span>)<span class="op">;</span></span>
-<span id="cb4-991"><a href></a>     <span class="op">.</span><span class="fu">call</span>(d3<span class="op">.</span><span class="fu">axisLeft</span>(y)<span class="op">.</span><span class="fu">ticks</span>(<span class="dv">5</span>))</span>
+<span id="cb4-991"><a href></a>   </span>
-<span id="cb4-992"><a href></a>     <span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;font-size&quot;</span><span class="op">,</span> <span class="st">&quot;20px&quot;</span>)<span class="op">;</span></span>
+<span id="cb4-992"><a href></a>   <span class="co">// Add gridlines</span></span>
-<span id="cb4-993"><a href></a>   </span>
+<span id="cb4-993"><a href></a>   g<span class="op">.</span><span class="fu">append</span>(<span class="st">&quot;g&quot;</span>)</span>
-<span id="cb4-994"><a href></a>   <span class="co">// Add a horizontal line at y = 0</span></span>
+<span id="cb4-994"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;class&quot;</span><span class="op">,</span> <span class="st">&quot;grid-lines&quot;</span>)</span>
-<span id="cb4-995"><a href></a>   g<span class="op">.</span><span class="fu">append</span>(<span class="st">&quot;line&quot;</span>)</span>
+<span id="cb4-995"><a href></a>     <span class="op">.</span><span class="fu">selectAll</span>(<span class="st">&quot;line&quot;</span>)</span>
-<span id="cb4-996"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;x1&quot;</span><span class="op">,</span> <span class="dv">0</span>)</span>
+<span id="cb4-996"><a href></a>     <span class="op">.</span><span class="fu">data</span>(y<span class="op">.</span><span class="fu">ticks</span>(<span class="dv">5</span>))</span>
-<span id="cb4-997"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;x2&quot;</span><span class="op">,</span> innerWidth)</span>
+<span id="cb4-997"><a href></a>     <span class="op">.</span><span class="fu">join</span>(<span class="st">&quot;line&quot;</span>)</span>
-<span id="cb4-998"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;y1&quot;</span><span class="op">,</span> <span class="fu">y</span>(<span class="dv">0</span>))</span>
+<span id="cb4-998"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;x1&quot;</span><span class="op">,</span> <span class="dv">0</span>)</span>
-<span id="cb4-999"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;y2&quot;</span><span class="op">,</span> <span class="fu">y</span>(<span class="dv">0</span>))</span>
+<span id="cb4-999"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;x2&quot;</span><span class="op">,</span> innerWidth)</span>
-<span id="cb4-1000"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;stroke&quot;</span><span class="op">,</span> <span class="st">&quot;#000&quot;</span>)</span>
+<span id="cb4-1000"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;y1&quot;</span><span class="op">,</span> d <span class="kw">=&gt;</span> <span class="fu">y</span>(d))</span>
-<span id="cb4-1001"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;stroke-opacity&quot;</span><span class="op">,</span> <span class="fl">0.2</span>)<span class="op">;</span></span>
+<span id="cb4-1001"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;y2&quot;</span><span class="op">,</span> d <span class="kw">=&gt;</span> <span class="fu">y</span>(d))</span>
-<span id="cb4-1002"><a href></a>   </span>
+<span id="cb4-1002"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;stroke&quot;</span><span class="op">,</span> <span class="st">&quot;#ccc&quot;</span>)</span>
-<span id="cb4-1003"><a href></a>   <span class="co">// Add gridlines</span></span>
+<span id="cb4-1003"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;stroke-opacity&quot;</span><span class="op">,</span> <span class="fl">0.5</span>)<span class="op">;</span></span>
-<span id="cb4-1004"><a href></a>   g<span class="op">.</span><span class="fu">append</span>(<span class="st">&quot;g&quot;</span>)</span>
+<span id="cb4-1004"><a href></a>   </span>
-<span id="cb4-1005"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;class&quot;</span><span class="op">,</span> <span class="st">&quot;grid-lines&quot;</span>)</span>
+<span id="cb4-1005"><a href></a>   <span class="co">// Create a line generator</span></span>
-<span id="cb4-1006"><a href></a>     <span class="op">.</span><span class="fu">selectAll</span>(<span class="st">&quot;line&quot;</span>)</span>
+<span id="cb4-1006"><a href></a>   <span class="kw">const</span> line <span class="op">=</span> d3<span class="op">.</span><span class="fu">line</span>()</span>
-<span id="cb4-1007"><a href></a>     <span class="op">.</span><span class="fu">data</span>(y<span class="op">.</span><span class="fu">ticks</span>(<span class="dv">5</span>))</span>
+<span id="cb4-1007"><a href></a>     <span class="op">.</span><span class="fu">x</span>(d <span class="kw">=&gt;</span> <span class="fu">x</span>(d<span class="op">.</span><span class="at">x</span>))</span>
-<span id="cb4-1008"><a href></a>     <span class="op">.</span><span class="fu">join</span>(<span class="st">&quot;line&quot;</span>)</span>
+<span id="cb4-1008"><a href></a>     <span class="op">.</span><span class="fu">y</span>(d <span class="kw">=&gt;</span> <span class="fu">y</span>(d<span class="op">.</span><span class="at">y</span>))</span>
-<span id="cb4-1009"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;x1&quot;</span><span class="op">,</span> <span class="dv">0</span>)</span>
+<span id="cb4-1009"><a href></a>     <span class="op">.</span><span class="fu">curve</span>(d3<span class="op">.</span><span class="at">curveBasis</span>)<span class="op">;</span></span>
-<span id="cb4-1010"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;x2&quot;</span><span class="op">,</span> innerWidth)</span>
+<span id="cb4-1010"><a href></a>   </span>
-<span id="cb4-1011"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;y1&quot;</span><span class="op">,</span> d <span class="kw">=&gt;</span> <span class="fu">y</span>(d))</span>
+<span id="cb4-1011"><a href></a>   <span class="co">// Group to contain the basis function lines</span></span>
-<span id="cb4-1012"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;y2&quot;</span><span class="op">,</span> d <span class="kw">=&gt;</span> <span class="fu">y</span>(d))</span>
+<span id="cb4-1012"><a href></a>   <span class="kw">const</span> linesGroup <span class="op">=</span> g<span class="op">.</span><span class="fu">append</span>(<span class="st">&quot;g&quot;</span>)</span>
-<span id="cb4-1013"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;stroke&quot;</span><span class="op">,</span> <span class="st">&quot;#ccc&quot;</span>)</span>
+<span id="cb4-1013"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;class&quot;</span><span class="op">,</span> <span class="st">&quot;basis-functions&quot;</span>)<span class="op">;</span></span>
-<span id="cb4-1014"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;stroke-opacity&quot;</span><span class="op">,</span> <span class="fl">0.5</span>)<span class="op">;</span></span>
+<span id="cb4-1014"><a href></a>   </span>
-<span id="cb4-1015"><a href></a>   </span>
+<span id="cb4-1015"><a href></a>   <span class="co">// Store the current basis functions for transition</span></span>
-<span id="cb4-1016"><a href></a>   <span class="co">// Create a line generator</span></span>
+<span id="cb4-1016"><a href></a>   <span class="kw">let</span> currentBasisFunctions <span class="op">=</span> <span class="kw">new</span> <span class="bu">Map</span>()<span class="op">;</span></span>
-<span id="cb4-1017"><a href></a>   <span class="kw">const</span> line <span class="op">=</span> d3<span class="op">.</span><span class="fu">line</span>()</span>
+<span id="cb4-1017"><a href></a>   </span>
-<span id="cb4-1018"><a href></a>     <span class="op">.</span><span class="fu">x</span>(d <span class="kw">=&gt;</span> <span class="fu">x</span>(d<span class="op">.</span><span class="at">x</span>))</span>
+<span id="cb4-1018"><a href></a>   <span class="co">// Function to update the chart with new data</span></span>
-<span id="cb4-1019"><a href></a>     <span class="op">.</span><span class="fu">y</span>(d <span class="kw">=&gt;</span> <span class="fu">y</span>(d<span class="op">.</span><span class="at">y</span>))</span>
+<span id="cb4-1019"><a href></a>   <span class="kw">function</span> <span class="fu">updateChart</span>(data) {</span>
-<span id="cb4-1020"><a href></a>     <span class="op">.</span><span class="fu">curve</span>(d3<span class="op">.</span><span class="at">curveBasis</span>)<span class="op">;</span></span>
+<span id="cb4-1020"><a href></a>     <span class="fu">updateChartInner</span>(g<span class="op">,</span> x<span class="op">,</span> y<span class="op">,</span> linesGroup<span class="op">,</span> color<span class="op">,</span> line<span class="op">,</span> data)<span class="op">;</span></span>
-<span id="cb4-1021"><a href></a>   </span>
+<span id="cb4-1021"><a href></a>   }</span>
-<span id="cb4-1022"><a href></a>   <span class="co">// Group to contain the basis function lines</span></span>
+<span id="cb4-1022"><a href></a>   </span>
-<span id="cb4-1023"><a href></a>   <span class="kw">const</span> linesGroup <span class="op">=</span> g<span class="op">.</span><span class="fu">append</span>(<span class="st">&quot;g&quot;</span>)</span>
+<span id="cb4-1023"><a href></a>   <span class="co">// Store the update function</span></span>
-<span id="cb4-1024"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;class&quot;</span><span class="op">,</span> <span class="st">&quot;basis-functions&quot;</span>)<span class="op">;</span></span>
+<span id="cb4-1024"><a href></a>   svg<span class="op">.</span><span class="fu">node</span>()<span class="op">.</span><span class="at">update</span> <span class="op">=</span> updateChart<span class="op">;</span></span>
 <span id="cb4-1025"><a href></a>   </span>
-<span id="cb4-1026"><a href></a>   <span class="co">// Store the current basis functions for transition</span></span>
+<span id="cb4-1026"><a href></a>   <span class="co">// Initial render</span></span>
-<span id="cb4-1027"><a href></a>   <span class="kw">let</span> currentBasisFunctions <span class="op">=</span> <span class="kw">new</span> <span class="bu">Map</span>()<span class="op">;</span></span>
+<span id="cb4-1027"><a href></a>   <span class="fu">updateChart</span>(<span class="fu">filteredData</span>())<span class="op">;</span></span>
 <span id="cb4-1028"><a href></a>   </span>
-<span id="cb4-1029"><a href></a>   <span class="co">// Function to update the chart with new data</span></span>
+<span id="cb4-1029"><a href></a>   container<span class="op">.</span><span class="fu">node</span>()<span class="op">.</span><span class="fu">appendChild</span>(svg<span class="op">.</span><span class="fu">node</span>())<span class="op">;</span></span>
-<span id="cb4-1030"><a href></a>   <span class="kw">function</span> <span class="fu">updateChart</span>(data) {</span>
+<span id="cb4-1030"><a href></a>   <span class="cf">return</span> container<span class="op">.</span><span class="fu">node</span>()<span class="op">;</span></span>
-<span id="cb4-1031"><a href></a>     <span class="fu">updateChartInner</span>(g<span class="op">,</span> x<span class="op">,</span> y<span class="op">,</span> linesGroup<span class="op">,</span> color<span class="op">,</span> line<span class="op">,</span> data)<span class="op">;</span></span>
+<span id="cb4-1031"><a href></a>}</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
 <span id="cb4-1032"><a href></a>   }</span>
 <span id="cb4-1033"><a href></a>   </span>
 <span id="cb4-1034"><a href></a>   <span class="co">// Store the update function</span></span>
 <span id="cb4-1035"><a href></a>   svg<span class="op">.</span><span class="fu">node</span>()<span class="op">.</span><span class="at">update</span> <span class="op">=</span> updateChart<span class="op">;</span></span>
 <span id="cb4-1036"><a href></a>   </span>
 <span id="cb4-1037"><a href></a>   <span class="co">// Initial render</span></span>
 <span id="cb4-1038"><a href></a>   <span class="fu">updateChart</span>(<span class="fu">filteredData</span>())<span class="op">;</span></span>
 <span id="cb4-1039"><a href></a>   </span>
 <span id="cb4-1040"><a href></a>   container<span class="op">.</span><span class="fu">node</span>()<span class="op">.</span><span class="fu">appendChild</span>(svg<span class="op">.</span><span class="fu">node</span>())<span class="op">;</span></span>
 <span id="cb4-1041"><a href></a>   <span class="cf">return</span> container<span class="op">.</span><span class="fu">node</span>()<span class="op">;</span></span>
 <span id="cb4-1042"><a href></a>}</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
 <div class="cell-output cell-output-display">
 <div>
 <div id="ojs-cell-3-1" data-nodetype="declaration">
@@ -26169,7 +26167,7 @@ Berrisch, J. <span class="citation" data-cites="berrisch2025rcpptimer">(<a href=
 <p>Each day, <span class="math inline">\(t = 1, 2, ... T\)</span></p>
 <ul>
 <li>The <strong>forecaster</strong> receives predictions <span class="math inline">\(\widehat{X}_{t,k}\)</span> from <span class="math inline">\(K\)</span> <strong>experts</strong></li>
-<li>The <strong>forecaster</strong> assings weights <span class="math inline">\(w_{t,k}\)</span> to each <strong>expert</strong></li>
+<li>The <strong>forecaster</strong> assigns weights <span class="math inline">\(w_{t,k}\)</span> to each <strong>expert</strong></li>
 <li>The <strong>forecaster</strong> calculates her prediction: <span class="math display">\[\begin{equation}
  \widetilde{X}_{t} = \sum_{k=1}^K w_{t,k} \widehat{X}_{t,k}.
  \label{eq_forecast_def}
@@ -26275,7 +26273,7 @@ w_{t,k}^{\text{Naive}} = \frac{1}{K}\label{eq:naive_combination}
    \mathcal{O}\left(\sqrt{\frac{\log(K)}{t}}\right)
    \label{eq_optp_conv}
 \end{align}\]</span></p>
-<p>Algorithms can statisfy both <span class="math inline">\(\eqref{eq_optp_select}\)</span> and <span class="math inline">\(\eqref{eq_optp_conv}\)</span> depending on:</p>
+<p>Algorithms can satisfy both <span class="math inline">\(\eqref{eq_optp_select}\)</span> and <span class="math inline">\(\eqref{eq_optp_conv}\)</span> depending on:</p>
 <ul>
 <li>The loss function</li>
 <li>Regularity conditions on <span class="math inline">\(Y_t\)</span> and <span class="math inline">\(\widehat{X}_{t,k}\)</span></li>
@@ -26325,7 +26323,7 @@ w_{t,k}^{\text{Naive}} = \frac{1}{K}\label{eq:naive_combination}
 <div id="tabset-2-1">
 <div style="font-size: 85%;">
 <p><i class="fa fa-fw fa-triangle-exclamation" style="color:var(--col_amber_9);"></i> QL is convex, but not exp-concave</p>
-<p><i class="fa fa-fw fa-arrow-right" style="color:var(--col_grey_10);"></i> Bernstein Online Aggregation (BOA) lets us weaken the exp-concavity condition. It satisfies that there exist a <span class="math inline">\(C&gt;0\)</span> such that for <span class="math inline">\(x&gt;0\)</span> it holds that</p>
+<p><i class="fa fa-fw fa-arrow-right" style="color:var(--col_grey_10);"></i> Bernstein Online Aggregation (BOA) lets us weaken the exp-concavity condition. It satisfies that there exists a <span class="math inline">\(C&gt;0\)</span> such that for <span class="math inline">\(x&gt;0\)</span> it holds that</p>
 <p><span class="math display">\[\begin{equation}
    P\left( \frac{1}{t}\left(\widetilde{\mathcal{R}}_t - \widehat{\mathcal{R}}_{t,\pi} \right)  \leq C \log(\log(t)) \left(\sqrt{\frac{\log(K)}{t}} + \frac{\log(K)+x}{t}\right)  \right) \geq
    1-e^{-x}
@@ -26333,7 +26331,7 @@ w_{t,k}^{\text{Naive}} = \frac{1}{K}\label{eq:naive_combination}
 \end{equation}\]</span></p>
 <p>if the loss function is convex.</p>
 <p><i class="fa fa-fw fa-arrow-right" style="color:var(--col_grey_10);"></i> Almost optimal w.r.t. <em>convex aggregation</em> <span class="math inline">\(\eqref{eq_optp_conv}\)</span> <span class="citation" data-cites="wintenberger2017optimal">Wintenberger (<a href="#/references" role="doc-biblioref" onclick>2017</a>)</span>.</p>
-<p>The same algorithm satisfies that there exist a <span class="math inline">\(C&gt;0\)</span> such that for <span class="math inline">\(x&gt;0\)</span> it holds that <span class="math display">\[\begin{equation}
+<p>The same algorithm satisfies that there exists a <span class="math inline">\(C&gt;0\)</span> such that for <span class="math inline">\(x&gt;0\)</span> it holds that <span class="math display">\[\begin{equation}
    P\left( \frac{1}{t}\left(\widetilde{\mathcal{R}}_t - \widehat{\mathcal{R}}_{t,\min} \right) \leq
    C\left(\frac{\log(K)+\log(\log(Gt))+ x}{\alpha t}\right)^{\frac{1}{2-\beta}} \right) \geq
    1-2e^{-x}
@@ -26358,7 +26356,7 @@ w_{t,k}^{\text{Naive}} = \frac{1}{K}\label{eq:naive_combination}
 \end{align}\]</span></p>
 <p>Pointwise can outperform constant procedures</p>
 <p><i class="fa fa-fw fa-arrow-right" style="color:var(--col_grey_10);"></i> <span class="math inline">\(\text{QL}\)</span> is convex: almost optimal convergence w.r.t. <em>convex aggregation</em> <span class="math inline">\(\eqref{eq_boa_opt_conv}\)</span> <i class="fa fa-fw fa-check" style="color:var(--col_green_9);"></i> <br></p>
-<p>For almost optimal congerence w.r.t. <em>selection</em> <span class="math inline">\(\eqref{eq_boa_opt_select}\)</span> we need:</p>
+<p>For almost optimal convergence w.r.t. <em>selection</em> <span class="math inline">\(\eqref{eq_boa_opt_select}\)</span> we need:</p>
 <p><strong>A1: Lipschitz Continuity</strong></p>
 <p><strong>A2: Weak Exp-Concavity</strong></p>
 <p>QL is Lipschitz continuous with <span class="math inline">\(G=\max(p, 1-p)\)</span>:</p>
@@ -26395,7 +26393,7 @@ w_{t,k}^{\text{Naive}} = \frac{1}{K}\label{eq:naive_combination}
 <p><strong>Theorem 1</strong></p>
 <p>The gradient based fully adaptive Bernstein online aggregation (BOAG) applied pointwise for all <span class="math inline">\(p\in(0,1)\)</span> on <span class="math inline">\(\text{QL}\)</span> satisfies <span class="math inline">\(\eqref{eq_boa_opt_conv}\)</span> with minimal CRPS given by</p>
 <p><span class="math display">\[\widehat{\mathcal{R}}_{t,\pi} = 2\overline{\widehat{\mathcal{R}}}^{\text{QL}}_{t,\pi}.\]</span></p>
-<p>If <span class="math inline">\(Y_t|\mathcal{F}_{t-1}\)</span> is bounded and has a pdf <span class="math inline">\(f_t\)</span> satifying <span class="math inline">\(f_t&gt;\gamma &gt;0\)</span> on its support <span class="math inline">\(\text{spt}(f_t)\)</span> then <span class="math inline">\(\eqref{eq_boa_opt_select}\)</span> holds with <span class="math inline">\(\beta=1\)</span> and</p>
+<p>If <span class="math inline">\(Y_t|\mathcal{F}_{t-1}\)</span> is bounded and has a pdf <span class="math inline">\(f_t\)</span> satisfying <span class="math inline">\(f_t&gt;\gamma &gt;0\)</span> on its support <span class="math inline">\(\text{spt}(f_t)\)</span> then <span class="math inline">\(\eqref{eq_boa_opt_select}\)</span> holds with <span class="math inline">\(\beta=1\)</span> and</p>
 <p><span class="math display">\[\widehat{\mathcal{R}}_{t,\min} = 2\overline{\widehat{\mathcal{R}}}^{\text{QL}}_{t,\min}\]</span></p>
 <p><i class="fa fa-fw fa-check-double" style="color:var(--col_green_9);"></i> BOAG with <span class="math inline">\(\text{QL}\)</span> satisfies <span class="math inline">\(\eqref{eq_boa_opt_conv}\)</span> and <span class="math inline">\(\eqref{eq_boa_opt_select}\)</span></p>
 </div></div>
@@ -26515,7 +26513,7 @@ w_{t,k}^{\text{smooth}} = \sum_{l=1}^L \beta_l \varphi_l = \beta&#39;\varphi
 <div class="columns">
 <div class="column" style="width:43%;">
 <h3 id="initialization">Initialization:</h3>
-<p>Array of expert predicitons: <span class="math inline">\(\widehat{X}_{t,p,k}\)</span></p>
+<p>Array of expert predictions: <span class="math inline">\(\widehat{X}_{t,p,k}\)</span></p>
 <p>Vector of Prediction targets: <span class="math inline">\(Y_t\)</span></p>
 <p>Starting Weights: <span class="math inline">\(\boldsymbol w_0=(w_{0,1},\ldots, w_{0,K})\)</span></p>
 <p>Penalization parameter: <span class="math inline">\(\lambda\geq 0\)</span></p>
@@ -26536,8 +26534,10 @@ w_{t,k}^{\text{smooth}} = \sum_{l=1}^L \beta_l \varphi_l = \beta&#39;\varphi
 <p>    <span class="math inline">\(\boldsymbol \eta_{t}  =\min\left( \left(-\log(\boldsymbol \beta_{0}) \odot \boldsymbol V_{t}^{\odot -1} \right)^{\odot\frac{1}{2}} , \frac{1}{2}\boldsymbol E_{t}^{\odot-1}\right)\)</span></p>
 <p>    <span class="math inline">\(\boldsymbol R_{t}     = \boldsymbol R_{t-1}+  \boldsymbol r_{t} \odot \left( \boldsymbol 1 - \boldsymbol \eta_{t} \odot \boldsymbol r_{t} \right)/2 + \boldsymbol E_{t} \odot \mathbb{1}\{-2\boldsymbol \eta_{t}\odot \boldsymbol r_{t} &gt; 1\}\)</span></p>
 <p>    <span class="math inline">\(\boldsymbol \beta_{t}     = K \boldsymbol \beta_{0} \odot \boldsymbol {SoftMax}\left( -  \boldsymbol \eta_{t} \odot \boldsymbol R_{t} + \log( \boldsymbol \eta_{t}) \right)\)</span></p>
-<p>    <span class="math inline">\(\boldsymbol w_{t}(\boldsymbol P) = \underbrace{\boldsymbol B(\boldsymbol B&#39;\boldsymbol B+ \lambda (\alpha \boldsymbol D_1&#39;\boldsymbol D_1 + (1-\alpha) \boldsymbol D_2&#39;\boldsymbol D_2))^{-1} \boldsymbol B&#39;}_{\boldsymbol{\mathcal{H}}} \boldsymbol B \boldsymbol \beta_{t}\)</span></p>
+    <span class="math inline">\(\boldsymbol w_{t}(\boldsymbol P) = \underbrace{\boldsymbol B(\boldsymbol B&#39;\boldsymbol B+ \lambda (\alpha \boldsymbol D_1&#39;\boldsymbol D_1 + (1-\alpha) \boldsymbol D_2&#39;\boldsymbol D_2))^{-1} \boldsymbol B&#39;}_{\boldsymbol{\mathcal{H}}} \boldsymbol B \boldsymbol \beta_{t}\)</span>
-<p>}</p>
+<p style="margin:0em;">
 }
 </p>
 </div></div>
 </div>
 </section>
@@ -26571,15 +26571,12 @@ w_{t,k}^{\text{smooth}} = \sum_{l=1}^L \beta_l \varphi_l = \beta&#39;\varphi
 <ul id="tabset-5" class="panel-tabset-tabby"><li><a data-tabby-default href="#tabset-5-1">QL Deviation</a></li><li><a href="#tabset-5-2">CRPS vs. Lambda</a></li><li><a href="#tabset-5-3">Knots</a></li></ul>
 <div class="tab-content">
 <div id="tabset-5-1">
 <p>Deviation from best attainable QL (1000 runs).</p>
 <p><img role="img" data-src="data:image/gif;base64,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 truncated
 </div>
 <div id="tabset-5-2">
 <p>CRPS Values for different <span class="math inline">\(\lambda\)</span> (1000 runs)</p>
 <p><img role="img" data-src="data:image/gif;base64,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 truncated
 </div>
 <div id="tabset-5-3">
 <p>CRPS for different number of knots (1000 runs)</p>
 <p><img role="img" data-src="data:image/gif;base64,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 truncated
 </div>
 </div>
@@ -26587,7 +26584,6 @@ w_{t,k}^{\text{smooth}} = \sum_{l=1}^L \beta_l \varphi_l = \beta&#39;\varphi
 </div></div>
 </div>
 <div id="tabset-6-2">
 <p>The same simulation carried out for different algorithms (1000 runs):</p>
 <center>
 <img role="img" src="data:image/gif;base64,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 truncated
 </center>
@@ -26656,7 +26652,7 @@ w_{t,k}^{\text{smooth}} = \sum_{l=1}^L \beta_l \varphi_l = \beta&#39;\varphi
 </div><div class="column" style="width:2%;">
 </div><div class="column" style="width:69%;">
-<p>Tuning paramter grids:</p>
+<p>Tuning parameter grids:</p>
 <ul>
 <li>Smoothing Penalty: <span class="math inline">\(\Lambda= \{0\}\cup \{2^x|x\in \{-4,-3.5,\ldots,12\}\}\)</span></li>
 <li>Learning Rates: <span class="math inline">\(\mathcal{E}= \{2^x|x\in \{-1,-0.5,\ldots,9\}\}\)</span></li>
@@ -26857,7 +26853,7 @@ Y_{t} = \mu + Y_{t-1}  + \varepsilon_t \quad \text{with} \quad \varepsilon_t = \
 <p><span class="math display">\[\begin{equation*}
  \boldsymbol w_{t,k} = \boldsymbol{\psi}^{\text{mv}} \boldsymbol{b}_{t,k} {\boldsymbol{\psi}^{pr}}&#39;
 \end{equation*}\]</span></p>
-<p>with parameter matix <span class="math inline">\(\boldsymbol b_{t,k}\)</span>. The latter is estimated to penalize <span class="math inline">\(L_2\)</span>-smoothing which minimizes</p>
+<p>with parameter matrix <span class="math inline">\(\boldsymbol b_{t,k}\)</span>. The latter is estimated to penalize <span class="math inline">\(L_2\)</span>-smoothing which minimizes</p>
 <p><span class="math display">\[\begin{align}
   &amp; \| \boldsymbol{\beta}_{t,d, k}&#39; \boldsymbol{\varphi}^{\text{pr}}  - \boldsymbol b_{t, d, k}&#39; \boldsymbol{\psi}^{\text{pr}}  \|^2_2 + \lambda^{\text{pr}}  \| \mathcal{D}_{q}  (\boldsymbol b_{t, d, k}&#39; \boldsymbol{\psi}^{\text{pr}})  \|^2_2 +                       \nonumber \\
   &amp; \| \boldsymbol{\beta}_{t, p, k}&#39; \boldsymbol{\varphi}^{\text{mv}}  - \boldsymbol b_{t, p, k}&#39; \boldsymbol{\psi}^{\text{mv}}  \|^2_2 + \lambda^{\text{mv}}  \| \mathcal{D}_{q}  (\boldsymbol b_{t, p, k}&#39; \boldsymbol{\psi}^{\text{mv}})  \|^2_2  \nonumber
@@ -27230,7 +27226,7 @@ Y_{t} = \mu + Y_{t-1}  + \varepsilon_t \quad \text{with} \quad \varepsilon_t = \
 <div class="tab-content">
 <div id="tabset-12-1">
 <div class="cell">
-<div class="sourceCode cell-code hidden" id="cb5" data-startfrom="2711" data-source-offset="0"><pre class="sourceCode numberSource js number-lines code-with-copy"><code class="sourceCode javascript" style="counter-reset: source-line 2710;"><span id="cb5-2711"><a href></a>bsplineData <span class="op">=</span> <span class="fu">FileAttachment</span>(<span class="st">&quot;assets/mcrps_learning/basis_functions.csv&quot;</span>)<span class="op">.</span><span class="fu">csv</span>({ <span class="dt">typed</span><span class="op">:</span> <span class="kw">true</span> })</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
+<div class="sourceCode cell-code hidden" id="cb5" data-startfrom="2691" data-source-offset="0"><pre class="sourceCode numberSource js number-lines code-with-copy"><code class="sourceCode javascript" style="counter-reset: source-line 2690;"><span id="cb5-2691"><a href></a>bsplineData <span class="op">=</span> <span class="fu">FileAttachment</span>(<span class="st">&quot;assets/mcrps_learning/basis_functions.csv&quot;</span>)<span class="op">.</span><span class="fu">csv</span>({ <span class="dt">typed</span><span class="op">:</span> <span class="kw">true</span> })</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
 <div class="cell-output cell-output-display">
 <div id="ojs-cell-4" data-nodetype="declaration">
@@ -27238,194 +27234,194 @@ Y_{t} = \mu + Y_{t-1}  + \varepsilon_t \quad \text{with} \quad \varepsilon_t = \
 </div>
 </div>
 <div class="cell">
-<div class="sourceCode cell-code hidden" id="cb6" data-startfrom="2715" data-source-offset="0"><pre class="sourceCode numberSource js number-lines code-with-copy"><code class="sourceCode javascript" style="counter-reset: source-line 2714;"><span id="cb6-2715"><a href></a><span class="co">// Defined above</span></span>
+<div class="sourceCode cell-code hidden" id="cb6" data-startfrom="2695" data-source-offset="0"><pre class="sourceCode numberSource js number-lines code-with-copy"><code class="sourceCode javascript" style="counter-reset: source-line 2694;"><span id="cb6-2695"><a href></a><span class="co">// Defined above</span></span>
-<span id="cb6-2716"><a href></a><span class="co">// function updateChartInner(g, x, y, linesGroup, color, line, data) {</span></span>
+<span id="cb6-2696"><a href></a><span class="co">// function updateChartInner(g, x, y, linesGroup, color, line, data) {</span></span>
-<span id="cb6-2717"><a href></a><span class="co">//   // Update axes with transitions</span></span>
+<span id="cb6-2697"><a href></a><span class="co">//   // Update axes with transitions</span></span>
-<span id="cb6-2718"><a href></a><span class="co">//   x.domain([0, d3.max(data, d =&gt; d.x)]);</span></span>
+<span id="cb6-2698"><a href></a><span class="co">//   x.domain([0, d3.max(data, d =&gt; d.x)]);</span></span>
-<span id="cb6-2719"><a href></a><span class="co">//   g.select(&quot;.x-axis&quot;).transition().duration(1500).call(d3.axisBottom(x).ticks(10));</span></span>
+<span id="cb6-2699"><a href></a><span class="co">//   g.select(&quot;.x-axis&quot;).transition().duration(1500).call(d3.axisBottom(x).ticks(10));</span></span>
-<span id="cb6-2720"><a href></a><span class="co">//   y.domain([0, d3.max(data, d =&gt; d.y)]);</span></span>
+<span id="cb6-2700"><a href></a><span class="co">//   y.domain([0, d3.max(data, d =&gt; d.y)]);</span></span>
-<span id="cb6-2721"><a href></a><span class="co">//   g.select(&quot;.y-axis&quot;).transition().duration(1500).call(d3.axisLeft(y).ticks(5));</span></span>
+<span id="cb6-2701"><a href></a><span class="co">//   g.select(&quot;.y-axis&quot;).transition().duration(1500).call(d3.axisLeft(y).ticks(5));</span></span>
-<span id="cb6-2722"><a href></a></span>
+<span id="cb6-2702"><a href></a></span>
-<span id="cb6-2723"><a href></a><span class="co">//   // Group data by basis function</span></span>
+<span id="cb6-2703"><a href></a><span class="co">//   // Group data by basis function</span></span>
-<span id="cb6-2724"><a href></a><span class="co">//   const dataByFunction = Array.from(d3.group(data, d =&gt; d.b));</span></span>
+<span id="cb6-2704"><a href></a><span class="co">//   const dataByFunction = Array.from(d3.group(data, d =&gt; d.b));</span></span>
-<span id="cb6-2725"><a href></a><span class="co">//   const keyFn = d =&gt; d[0];</span></span>
+<span id="cb6-2705"><a href></a><span class="co">//   const keyFn = d =&gt; d[0];</span></span>
-<span id="cb6-2726"><a href></a></span>
+<span id="cb6-2706"><a href></a></span>
-<span id="cb6-2727"><a href></a><span class="co">//   // Update basis function lines</span></span>
+<span id="cb6-2707"><a href></a><span class="co">//   // Update basis function lines</span></span>
-<span id="cb6-2728"><a href></a><span class="co">//   const u = linesGroup.selectAll(&quot;path&quot;).data(dataByFunction, keyFn);</span></span>
+<span id="cb6-2708"><a href></a><span class="co">//   const u = linesGroup.selectAll(&quot;path&quot;).data(dataByFunction, keyFn);</span></span>
-<span id="cb6-2729"><a href></a><span class="co">//   u.join(</span></span>
+<span id="cb6-2709"><a href></a><span class="co">//   u.join(</span></span>
-<span id="cb6-2730"><a href></a><span class="co">//     enter =&gt; enter.append(&quot;path&quot;).attr(&quot;fill&quot;,&quot;none&quot;).attr(&quot;stroke-width&quot;,3)</span></span>
+<span id="cb6-2710"><a href></a><span class="co">//     enter =&gt; enter.append(&quot;path&quot;).attr(&quot;fill&quot;,&quot;none&quot;).attr(&quot;stroke-width&quot;,3)</span></span>
-<span id="cb6-2731"><a href></a><span class="co">//       .attr(&quot;stroke&quot;, (_, i) =&gt; color(i)).attr(&quot;d&quot;, d =&gt; line(d[1].map(pt =&gt; ({x: pt.x, y: 0}))))</span></span>
+<span id="cb6-2711"><a href></a><span class="co">//       .attr(&quot;stroke&quot;, (_, i) =&gt; color(i)).attr(&quot;d&quot;, d =&gt; line(d[1].map(pt =&gt; ({x: pt.x, y: 0}))))</span></span>
-<span id="cb6-2732"><a href></a><span class="co">//       .style(&quot;opacity&quot;,0),</span></span>
+<span id="cb6-2712"><a href></a><span class="co">//       .style(&quot;opacity&quot;,0),</span></span>
-<span id="cb6-2733"><a href></a><span class="co">//     update =&gt; update,</span></span>
+<span id="cb6-2713"><a href></a><span class="co">//     update =&gt; update,</span></span>
-<span id="cb6-2734"><a href></a><span class="co">//     exit =&gt; exit.transition().duration(1000).style(&quot;opacity&quot;,0).remove()</span></span>
+<span id="cb6-2714"><a href></a><span class="co">//     exit =&gt; exit.transition().duration(1000).style(&quot;opacity&quot;,0).remove()</span></span>
-<span id="cb6-2735"><a href></a><span class="co">//   )</span></span>
+<span id="cb6-2715"><a href></a><span class="co">//   )</span></span>
-<span id="cb6-2736"><a href></a><span class="co">//   .transition().duration(1000)</span></span>
+<span id="cb6-2716"><a href></a><span class="co">//   .transition().duration(1000)</span></span>
-<span id="cb6-2737"><a href></a><span class="co">//     .attr(&quot;d&quot;, d =&gt; line(d[1]))</span></span>
+<span id="cb6-2717"><a href></a><span class="co">//     .attr(&quot;d&quot;, d =&gt; line(d[1]))</span></span>
-<span id="cb6-2738"><a href></a><span class="co">//     .attr(&quot;stroke&quot;, (_, i) =&gt; color(i))</span></span>
+<span id="cb6-2718"><a href></a><span class="co">//     .attr(&quot;stroke&quot;, (_, i) =&gt; color(i))</span></span>
-<span id="cb6-2739"><a href></a><span class="co">//     .style(&quot;opacity&quot;,1);</span></span>
+<span id="cb6-2719"><a href></a><span class="co">//     .style(&quot;opacity&quot;,1);</span></span>
-<span id="cb6-2740"><a href></a><span class="co">// }</span></span>
+<span id="cb6-2720"><a href></a><span class="co">// }</span></span>
-<span id="cb6-2741"><a href></a></span>
+<span id="cb6-2721"><a href></a></span>
-<span id="cb6-2742"><a href></a>chart0 <span class="op">=</span> {</span>
+<span id="cb6-2722"><a href></a>chart0 <span class="op">=</span> {</span>
-<span id="cb6-2743"><a href></a>  <span class="co">// State variables for selected parameters</span></span>
+<span id="cb6-2723"><a href></a>  <span class="co">// State variables for selected parameters</span></span>
-<span id="cb6-2744"><a href></a>  <span class="kw">let</span> selectedMu <span class="op">=</span> <span class="fl">0.5</span><span class="op">;</span></span>
+<span id="cb6-2724"><a href></a>  <span class="kw">let</span> selectedMu <span class="op">=</span> <span class="fl">0.5</span><span class="op">;</span></span>
-<span id="cb6-2745"><a href></a>  <span class="kw">let</span> selectedSig <span class="op">=</span> <span class="dv">1</span><span class="op">;</span></span>
+<span id="cb6-2725"><a href></a>  <span class="kw">let</span> selectedSig <span class="op">=</span> <span class="dv">1</span><span class="op">;</span></span>
-<span id="cb6-2746"><a href></a>  <span class="kw">let</span> selectedNonc <span class="op">=</span> <span class="dv">0</span><span class="op">;</span></span>
+<span id="cb6-2726"><a href></a>  <span class="kw">let</span> selectedNonc <span class="op">=</span> <span class="dv">0</span><span class="op">;</span></span>
-<span id="cb6-2747"><a href></a>  <span class="kw">let</span> selectedTailw <span class="op">=</span> <span class="dv">1</span><span class="op">;</span></span>
+<span id="cb6-2727"><a href></a>  <span class="kw">let</span> selectedTailw <span class="op">=</span> <span class="dv">1</span><span class="op">;</span></span>
-<span id="cb6-2748"><a href></a>  <span class="kw">const</span> filteredData <span class="op">=</span> () <span class="kw">=&gt;</span> bsplineData<span class="op">.</span><span class="fu">filter</span>(d <span class="kw">=&gt;</span></span>
+<span id="cb6-2728"><a href></a>  <span class="kw">const</span> filteredData <span class="op">=</span> () <span class="kw">=&gt;</span> bsplineData<span class="op">.</span><span class="fu">filter</span>(d <span class="kw">=&gt;</span></span>
-<span id="cb6-2749"><a href></a>    <span class="bu">Math</span><span class="op">.</span><span class="fu">abs</span>(selectedMu <span class="op">-</span> d<span class="op">.</span><span class="at">mu</span>) <span class="op">&lt;</span> <span class="fl">0.001</span> <span class="op">&amp;&amp;</span></span>
+<span id="cb6-2729"><a href></a>    <span class="bu">Math</span><span class="op">.</span><span class="fu">abs</span>(selectedMu <span class="op">-</span> d<span class="op">.</span><span class="at">mu</span>) <span class="op">&lt;</span> <span class="fl">0.001</span> <span class="op">&amp;&amp;</span></span>
-<span id="cb6-2750"><a href></a>    d<span class="op">.</span><span class="at">sig</span> <span class="op">===</span> selectedSig <span class="op">&amp;&amp;</span></span>
+<span id="cb6-2730"><a href></a>    d<span class="op">.</span><span class="at">sig</span> <span class="op">===</span> selectedSig <span class="op">&amp;&amp;</span></span>
-<span id="cb6-2751"><a href></a>    d<span class="op">.</span><span class="at">nonc</span> <span class="op">===</span> selectedNonc <span class="op">&amp;&amp;</span></span>
+<span id="cb6-2731"><a href></a>    d<span class="op">.</span><span class="at">nonc</span> <span class="op">===</span> selectedNonc <span class="op">&amp;&amp;</span></span>
-<span id="cb6-2752"><a href></a>    d<span class="op">.</span><span class="at">tailw</span> <span class="op">===</span> selectedTailw</span>
+<span id="cb6-2732"><a href></a>    d<span class="op">.</span><span class="at">tailw</span> <span class="op">===</span> selectedTailw</span>
-<span id="cb6-2753"><a href></a>  )<span class="op">;</span></span>
+<span id="cb6-2733"><a href></a>  )<span class="op">;</span></span>
-<span id="cb6-2754"><a href></a>  <span class="kw">const</span> container <span class="op">=</span> d3<span class="op">.</span><span class="fu">create</span>(<span class="st">&quot;div&quot;</span>)</span>
+<span id="cb6-2734"><a href></a>  <span class="kw">const</span> container <span class="op">=</span> d3<span class="op">.</span><span class="fu">create</span>(<span class="st">&quot;div&quot;</span>)</span>
-<span id="cb6-2755"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;max-width&quot;</span><span class="op">,</span> <span class="st">&quot;none&quot;</span>)</span>
+<span id="cb6-2735"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;max-width&quot;</span><span class="op">,</span> <span class="st">&quot;none&quot;</span>)</span>
-<span id="cb6-2756"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;width&quot;</span><span class="op">,</span> <span class="st">&quot;100%&quot;</span>)<span class="op">;;</span></span>
+<span id="cb6-2736"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;width&quot;</span><span class="op">,</span> <span class="st">&quot;100%&quot;</span>)<span class="op">;;</span></span>
-<span id="cb6-2757"><a href></a>  <span class="kw">const</span> controlsContainer <span class="op">=</span> container<span class="op">.</span><span class="fu">append</span>(<span class="st">&quot;div&quot;</span>)</span>
+<span id="cb6-2737"><a href></a>  <span class="kw">const</span> controlsContainer <span class="op">=</span> container<span class="op">.</span><span class="fu">append</span>(<span class="st">&quot;div&quot;</span>)</span>
-<span id="cb6-2758"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;display&quot;</span><span class="op">,</span> <span class="st">&quot;flex&quot;</span>)</span>
+<span id="cb6-2738"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;display&quot;</span><span class="op">,</span> <span class="st">&quot;flex&quot;</span>)</span>
-<span id="cb6-2759"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;gap&quot;</span><span class="op">,</span> <span class="st">&quot;20px&quot;</span>)<span class="op">;</span></span>
+<span id="cb6-2739"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;gap&quot;</span><span class="op">,</span> <span class="st">&quot;20px&quot;</span>)<span class="op">;</span></span>
-<span id="cb6-2760"><a href></a>  <span class="co">// slider controls</span></span>
+<span id="cb6-2740"><a href></a>  <span class="co">// slider controls</span></span>
-<span id="cb6-2761"><a href></a>  <span class="kw">const</span> sliders <span class="op">=</span> [</span>
+<span id="cb6-2741"><a href></a>  <span class="kw">const</span> sliders <span class="op">=</span> [</span>
-<span id="cb6-2762"><a href></a>    { <span class="dt">label</span><span class="op">:</span> <span class="st">&#39;Mu&#39;</span><span class="op">,</span> <span class="kw">get</span><span class="op">:</span> () <span class="kw">=&gt;</span> selectedMu<span class="op">,</span> <span class="kw">set</span><span class="op">:</span> v <span class="kw">=&gt;</span> selectedMu <span class="op">=</span> v<span class="op">,</span> <span class="dt">min</span><span class="op">:</span> <span class="fl">0.1</span><span class="op">,</span> <span class="dt">max</span><span class="op">:</span> <span class="fl">0.9</span><span class="op">,</span> <span class="dt">step</span><span class="op">:</span> <span class="fl">0.2</span> }<span class="op">,</span></span>
+<span id="cb6-2742"><a href></a>    { <span class="dt">label</span><span class="op">:</span> <span class="st">&#39;Mu&#39;</span><span class="op">,</span> <span class="kw">get</span><span class="op">:</span> () <span class="kw">=&gt;</span> selectedMu<span class="op">,</span> <span class="kw">set</span><span class="op">:</span> v <span class="kw">=&gt;</span> selectedMu <span class="op">=</span> v<span class="op">,</span> <span class="dt">min</span><span class="op">:</span> <span class="fl">0.1</span><span class="op">,</span> <span class="dt">max</span><span class="op">:</span> <span class="fl">0.9</span><span class="op">,</span> <span class="dt">step</span><span class="op">:</span> <span class="fl">0.2</span> }<span class="op">,</span></span>
-<span id="cb6-2763"><a href></a>    { <span class="dt">label</span><span class="op">:</span> <span class="st">&#39;Sigma&#39;</span><span class="op">,</span> <span class="kw">get</span><span class="op">:</span> () <span class="kw">=&gt;</span> <span class="bu">Math</span><span class="op">.</span><span class="fu">log2</span>(selectedSig)<span class="op">,</span> <span class="kw">set</span><span class="op">:</span> v <span class="kw">=&gt;</span> selectedSig <span class="op">=</span> <span class="dv">2</span> <span class="op">**</span> v<span class="op">,</span> <span class="dt">min</span><span class="op">:</span> <span class="op">-</span><span class="dv">2</span><span class="op">,</span> <span class="dt">max</span><span class="op">:</span> <span class="dv">2</span><span class="op">,</span> <span class="dt">step</span><span class="op">:</span> <span class="dv">1</span> }<span class="op">,</span></span>
+<span id="cb6-2743"><a href></a>    { <span class="dt">label</span><span class="op">:</span> <span class="st">&#39;Sigma&#39;</span><span class="op">,</span> <span class="kw">get</span><span class="op">:</span> () <span class="kw">=&gt;</span> <span class="bu">Math</span><span class="op">.</span><span class="fu">log2</span>(selectedSig)<span class="op">,</span> <span class="kw">set</span><span class="op">:</span> v <span class="kw">=&gt;</span> selectedSig <span class="op">=</span> <span class="dv">2</span> <span class="op">**</span> v<span class="op">,</span> <span class="dt">min</span><span class="op">:</span> <span class="op">-</span><span class="dv">2</span><span class="op">,</span> <span class="dt">max</span><span class="op">:</span> <span class="dv">2</span><span class="op">,</span> <span class="dt">step</span><span class="op">:</span> <span class="dv">1</span> }<span class="op">,</span></span>
-<span id="cb6-2764"><a href></a>    { <span class="dt">label</span><span class="op">:</span> <span class="st">&#39;Noncentrality&#39;</span><span class="op">,</span> <span class="kw">get</span><span class="op">:</span> () <span class="kw">=&gt;</span> selectedNonc<span class="op">,</span> <span class="kw">set</span><span class="op">:</span> v <span class="kw">=&gt;</span> selectedNonc <span class="op">=</span> v<span class="op">,</span> <span class="dt">min</span><span class="op">:</span> <span class="op">-</span><span class="dv">4</span><span class="op">,</span> <span class="dt">max</span><span class="op">:</span> <span class="dv">4</span><span class="op">,</span> <span class="dt">step</span><span class="op">:</span> <span class="dv">2</span> }<span class="op">,</span></span>
+<span id="cb6-2744"><a href></a>    { <span class="dt">label</span><span class="op">:</span> <span class="st">&#39;Noncentrality&#39;</span><span class="op">,</span> <span class="kw">get</span><span class="op">:</span> () <span class="kw">=&gt;</span> selectedNonc<span class="op">,</span> <span class="kw">set</span><span class="op">:</span> v <span class="kw">=&gt;</span> selectedNonc <span class="op">=</span> v<span class="op">,</span> <span class="dt">min</span><span class="op">:</span> <span class="op">-</span><span class="dv">4</span><span class="op">,</span> <span class="dt">max</span><span class="op">:</span> <span class="dv">4</span><span class="op">,</span> <span class="dt">step</span><span class="op">:</span> <span class="dv">2</span> }<span class="op">,</span></span>
-<span id="cb6-2765"><a href></a>    { <span class="dt">label</span><span class="op">:</span> <span class="st">&#39;Tailweight&#39;</span><span class="op">,</span> <span class="kw">get</span><span class="op">:</span> () <span class="kw">=&gt;</span> <span class="bu">Math</span><span class="op">.</span><span class="fu">log2</span>(selectedTailw)<span class="op">,</span> <span class="kw">set</span><span class="op">:</span> v <span class="kw">=&gt;</span> selectedTailw <span class="op">=</span> <span class="dv">2</span> <span class="op">**</span> v<span class="op">,</span> <span class="dt">min</span><span class="op">:</span> <span class="op">-</span><span class="dv">2</span><span class="op">,</span> <span class="dt">max</span><span class="op">:</span> <span class="dv">2</span><span class="op">,</span> <span class="dt">step</span><span class="op">:</span> <span class="dv">1</span> }</span>
+<span id="cb6-2745"><a href></a>    { <span class="dt">label</span><span class="op">:</span> <span class="st">&#39;Tailweight&#39;</span><span class="op">,</span> <span class="kw">get</span><span class="op">:</span> () <span class="kw">=&gt;</span> <span class="bu">Math</span><span class="op">.</span><span class="fu">log2</span>(selectedTailw)<span class="op">,</span> <span class="kw">set</span><span class="op">:</span> v <span class="kw">=&gt;</span> selectedTailw <span class="op">=</span> <span class="dv">2</span> <span class="op">**</span> v<span class="op">,</span> <span class="dt">min</span><span class="op">:</span> <span class="op">-</span><span class="dv">2</span><span class="op">,</span> <span class="dt">max</span><span class="op">:</span> <span class="dv">2</span><span class="op">,</span> <span class="dt">step</span><span class="op">:</span> <span class="dv">1</span> }</span>
-<span id="cb6-2766"><a href></a>  ]<span class="op">;</span></span>
+<span id="cb6-2746"><a href></a>  ]<span class="op">;</span></span>
-<span id="cb6-2767"><a href></a>  <span class="co">// Build slider controls with D3 data join</span></span>
+<span id="cb6-2747"><a href></a>  <span class="co">// Build slider controls with D3 data join</span></span>
-<span id="cb6-2768"><a href></a>  <span class="kw">const</span> sliderCont <span class="op">=</span> controlsContainer<span class="op">.</span><span class="fu">selectAll</span>(<span class="st">&#39;div&#39;</span>)<span class="op">.</span><span class="fu">data</span>(sliders)<span class="op">.</span><span class="fu">join</span>(<span class="st">&#39;div&#39;</span>)</span>
+<span id="cb6-2748"><a href></a>  <span class="kw">const</span> sliderCont <span class="op">=</span> controlsContainer<span class="op">.</span><span class="fu">selectAll</span>(<span class="st">&#39;div&#39;</span>)<span class="op">.</span><span class="fu">data</span>(sliders)<span class="op">.</span><span class="fu">join</span>(<span class="st">&#39;div&#39;</span>)</span>
-<span id="cb6-2769"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;display&#39;</span><span class="op">,</span><span class="st">&#39;flex&#39;</span>)<span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;align-items&#39;</span><span class="op">,</span><span class="st">&#39;center&#39;</span>)<span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;gap&#39;</span><span class="op">,</span><span class="st">&#39;10px&#39;</span>)</span>
+<span id="cb6-2749"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;display&#39;</span><span class="op">,</span><span class="st">&#39;flex&#39;</span>)<span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;align-items&#39;</span><span class="op">,</span><span class="st">&#39;center&#39;</span>)<span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;gap&#39;</span><span class="op">,</span><span class="st">&#39;10px&#39;</span>)</span>
-<span id="cb6-2770"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;flex&#39;</span><span class="op">,</span><span class="st">&#39;1&#39;</span>)<span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;min-width&#39;</span><span class="op">,</span><span class="st">&#39;0px&#39;</span>)<span class="op">;</span></span>
+<span id="cb6-2750"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;flex&#39;</span><span class="op">,</span><span class="st">&#39;1&#39;</span>)<span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;min-width&#39;</span><span class="op">,</span><span class="st">&#39;0px&#39;</span>)<span class="op">;</span></span>
-<span id="cb6-2771"><a href></a>  sliderCont<span class="op">.</span><span class="fu">append</span>(<span class="st">&#39;label&#39;</span>)<span class="op">.</span><span class="fu">text</span>(d <span class="kw">=&gt;</span> d<span class="op">.</span><span class="at">label</span> <span class="op">+</span> <span class="st">&#39;:&#39;</span>)<span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;font-size&#39;</span><span class="op">,</span><span class="st">&#39;20px&#39;</span>)<span class="op">;</span></span>
+<span id="cb6-2751"><a href></a>  sliderCont<span class="op">.</span><span class="fu">append</span>(<span class="st">&#39;label&#39;</span>)<span class="op">.</span><span class="fu">text</span>(d <span class="kw">=&gt;</span> d<span class="op">.</span><span class="at">label</span> <span class="op">+</span> <span class="st">&#39;:&#39;</span>)<span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;font-size&#39;</span><span class="op">,</span><span class="st">&#39;20px&#39;</span>)<span class="op">;</span></span>
-<span id="cb6-2772"><a href></a>  sliderCont<span class="op">.</span><span class="fu">append</span>(<span class="st">&#39;input&#39;</span>)</span>
+<span id="cb6-2752"><a href></a>  sliderCont<span class="op">.</span><span class="fu">append</span>(<span class="st">&#39;input&#39;</span>)</span>
-<span id="cb6-2773"><a href></a>    <span class="op">.</span><span class="fu">attr</span>(<span class="st">&#39;type&#39;</span><span class="op">,</span><span class="st">&#39;range&#39;</span>)<span class="op">.</span><span class="fu">attr</span>(<span class="st">&#39;min&#39;</span><span class="op">,</span> d <span class="kw">=&gt;</span> d<span class="op">.</span><span class="at">min</span>)<span class="op">.</span><span class="fu">attr</span>(<span class="st">&#39;max&#39;</span><span class="op">,</span> d <span class="kw">=&gt;</span> d<span class="op">.</span><span class="at">max</span>)<span class="op">.</span><span class="fu">attr</span>(<span class="st">&#39;step&#39;</span><span class="op">,</span> d <span class="kw">=&gt;</span> d<span class="op">.</span><span class="at">step</span>)</span>
+<span id="cb6-2753"><a href></a>    <span class="op">.</span><span class="fu">attr</span>(<span class="st">&#39;type&#39;</span><span class="op">,</span><span class="st">&#39;range&#39;</span>)<span class="op">.</span><span class="fu">attr</span>(<span class="st">&#39;min&#39;</span><span class="op">,</span> d <span class="kw">=&gt;</span> d<span class="op">.</span><span class="at">min</span>)<span class="op">.</span><span class="fu">attr</span>(<span class="st">&#39;max&#39;</span><span class="op">,</span> d <span class="kw">=&gt;</span> d<span class="op">.</span><span class="at">max</span>)<span class="op">.</span><span class="fu">attr</span>(<span class="st">&#39;step&#39;</span><span class="op">,</span> d <span class="kw">=&gt;</span> d<span class="op">.</span><span class="at">step</span>)</span>
-<span id="cb6-2774"><a href></a>    <span class="op">.</span><span class="fu">property</span>(<span class="st">&#39;value&#39;</span><span class="op">,</span> d <span class="kw">=&gt;</span> d<span class="op">.</span><span class="fu">get</span>())</span>
+<span id="cb6-2754"><a href></a>    <span class="op">.</span><span class="fu">property</span>(<span class="st">&#39;value&#39;</span><span class="op">,</span> d <span class="kw">=&gt;</span> d<span class="op">.</span><span class="fu">get</span>())</span>
-<span id="cb6-2775"><a href></a>    <span class="op">.</span><span class="fu">on</span>(<span class="st">&#39;input&#39;</span><span class="op">,</span> <span class="kw">function</span>(<span class="bu">event</span><span class="op">,</span> d) {</span>
+<span id="cb6-2755"><a href></a>    <span class="op">.</span><span class="fu">on</span>(<span class="st">&#39;input&#39;</span><span class="op">,</span> <span class="kw">function</span>(<span class="bu">event</span><span class="op">,</span> d) {</span>
-<span id="cb6-2776"><a href></a>      <span class="kw">const</span> val <span class="op">=</span> <span class="op">+</span><span class="kw">this</span><span class="op">.</span><span class="at">value</span><span class="op">;</span> d<span class="op">.</span><span class="fu">set</span>(val)<span class="op">;</span></span>
+<span id="cb6-2756"><a href></a>      <span class="kw">const</span> val <span class="op">=</span> <span class="op">+</span><span class="kw">this</span><span class="op">.</span><span class="at">value</span><span class="op">;</span> d<span class="op">.</span><span class="fu">set</span>(val)<span class="op">;</span></span>
-<span id="cb6-2777"><a href></a>      d3<span class="op">.</span><span class="fu">select</span>(<span class="kw">this</span><span class="op">.</span><span class="at">parentNode</span>)<span class="op">.</span><span class="fu">select</span>(<span class="st">&#39;span&#39;</span>)<span class="op">.</span><span class="fu">text</span>(d<span class="op">.</span><span class="at">label</span><span class="op">.</span><span class="fu">match</span>(<span class="ss">/Sigma</span><span class="sc">|</span><span class="ss">Tailweight/</span>) <span class="op">?</span> <span class="dv">2</span><span class="op">**</span>val <span class="op">:</span> val)<span class="op">;</span></span>
+<span id="cb6-2757"><a href></a>      d3<span class="op">.</span><span class="fu">select</span>(<span class="kw">this</span><span class="op">.</span><span class="at">parentNode</span>)<span class="op">.</span><span class="fu">select</span>(<span class="st">&#39;span&#39;</span>)<span class="op">.</span><span class="fu">text</span>(d<span class="op">.</span><span class="at">label</span><span class="op">.</span><span class="fu">match</span>(<span class="ss">/Sigma</span><span class="sc">|</span><span class="ss">Tailweight/</span>) <span class="op">?</span> <span class="dv">2</span><span class="op">**</span>val <span class="op">:</span> val)<span class="op">;</span></span>
-<span id="cb6-2778"><a href></a>      <span class="fu">updateChart</span>(<span class="fu">filteredData</span>())<span class="op">;</span></span>
+<span id="cb6-2758"><a href></a>      <span class="fu">updateChart</span>(<span class="fu">filteredData</span>())<span class="op">;</span></span>
-<span id="cb6-2779"><a href></a>    })</span>
+<span id="cb6-2759"><a href></a>    })</span>
-<span id="cb6-2780"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;width&#39;</span><span class="op">,</span> <span class="st">&#39;100%&#39;</span>)<span class="op">;</span></span>
+<span id="cb6-2760"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;width&#39;</span><span class="op">,</span> <span class="st">&#39;100%&#39;</span>)<span class="op">;</span></span>
-<span id="cb6-2781"><a href></a>  sliderCont<span class="op">.</span><span class="fu">append</span>(<span class="st">&#39;span&#39;</span>)<span class="op">.</span><span class="fu">text</span>(d <span class="kw">=&gt;</span> (d<span class="op">.</span><span class="at">label</span><span class="op">.</span><span class="fu">match</span>(<span class="ss">/Sigma</span><span class="sc">|</span><span class="ss">Tailweight/</span>) <span class="op">?</span> d<span class="op">.</span><span class="fu">get</span>() <span class="op">:</span> d<span class="op">.</span><span class="fu">get</span>()))</span>
+<span id="cb6-2761"><a href></a>  sliderCont<span class="op">.</span><span class="fu">append</span>(<span class="st">&#39;span&#39;</span>)<span class="op">.</span><span class="fu">text</span>(d <span class="kw">=&gt;</span> (d<span class="op">.</span><span class="at">label</span><span class="op">.</span><span class="fu">match</span>(<span class="ss">/Sigma</span><span class="sc">|</span><span class="ss">Tailweight/</span>) <span class="op">?</span> d<span class="op">.</span><span class="fu">get</span>() <span class="op">:</span> d<span class="op">.</span><span class="fu">get</span>()))</span>
-<span id="cb6-2782"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;font-size&#39;</span><span class="op">,</span><span class="st">&#39;20px&#39;</span>)<span class="op">;</span></span>
+<span id="cb6-2762"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;font-size&#39;</span><span class="op">,</span><span class="st">&#39;20px&#39;</span>)<span class="op">;</span></span>
-<span id="cb6-2783"><a href></a>  </span>
+<span id="cb6-2763"><a href></a>  </span>
-<span id="cb6-2784"><a href></a>  <span class="co">// Add Reset button to clear all sliders to their defaults</span></span>
+<span id="cb6-2764"><a href></a>  <span class="co">// Add Reset button to clear all sliders to their defaults</span></span>
-<span id="cb6-2785"><a href></a>  controlsContainer<span class="op">.</span><span class="fu">append</span>(<span class="st">&#39;button&#39;</span>)</span>
+<span id="cb6-2765"><a href></a>  controlsContainer<span class="op">.</span><span class="fu">append</span>(<span class="st">&#39;button&#39;</span>)</span>
-<span id="cb6-2786"><a href></a>    <span class="op">.</span><span class="fu">text</span>(<span class="st">&#39;Reset&#39;</span>)</span>
+<span id="cb6-2766"><a href></a>    <span class="op">.</span><span class="fu">text</span>(<span class="st">&#39;Reset&#39;</span>)</span>
-<span id="cb6-2787"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;font-size&#39;</span><span class="op">,</span> <span class="st">&#39;20px&#39;</span>)</span>
+<span id="cb6-2767"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;font-size&#39;</span><span class="op">,</span> <span class="st">&#39;20px&#39;</span>)</span>
-<span id="cb6-2788"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;align-self&#39;</span><span class="op">,</span> <span class="st">&#39;center&#39;</span>)</span>
+<span id="cb6-2768"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;align-self&#39;</span><span class="op">,</span> <span class="st">&#39;center&#39;</span>)</span>
-<span id="cb6-2789"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;margin-left&#39;</span><span class="op">,</span> <span class="st">&#39;auto&#39;</span>)</span>
+<span id="cb6-2769"><a href></a>    <span class="op">.</span><span class="fu">style</span>(<span class="st">&#39;margin-left&#39;</span><span class="op">,</span> <span class="st">&#39;auto&#39;</span>)</span>
-<span id="cb6-2790"><a href></a>    <span class="op">.</span><span class="fu">on</span>(<span class="st">&#39;click&#39;</span><span class="op">,</span> () <span class="kw">=&gt;</span> {</span>
+<span id="cb6-2770"><a href></a>    <span class="op">.</span><span class="fu">on</span>(<span class="st">&#39;click&#39;</span><span class="op">,</span> () <span class="kw">=&gt;</span> {</span>
-<span id="cb6-2791"><a href></a>      <span class="co">// reset state vars</span></span>
+<span id="cb6-2771"><a href></a>      <span class="co">// reset state vars</span></span>
-<span id="cb6-2792"><a href></a>      selectedMu <span class="op">=</span> <span class="fl">0.5</span><span class="op">;</span></span>
+<span id="cb6-2772"><a href></a>      selectedMu <span class="op">=</span> <span class="fl">0.5</span><span class="op">;</span></span>
-<span id="cb6-2793"><a href></a>      selectedSig <span class="op">=</span> <span class="dv">1</span><span class="op">;</span></span>
+<span id="cb6-2773"><a href></a>      selectedSig <span class="op">=</span> <span class="dv">1</span><span class="op">;</span></span>
-<span id="cb6-2794"><a href></a>      selectedNonc <span class="op">=</span> <span class="dv">0</span><span class="op">;</span></span>
+<span id="cb6-2774"><a href></a>      selectedNonc <span class="op">=</span> <span class="dv">0</span><span class="op">;</span></span>
-<span id="cb6-2795"><a href></a>      selectedTailw <span class="op">=</span> <span class="dv">1</span><span class="op">;</span></span>
+<span id="cb6-2775"><a href></a>      selectedTailw <span class="op">=</span> <span class="dv">1</span><span class="op">;</span></span>
-<span id="cb6-2796"><a href></a>      <span class="co">// update input positions</span></span>
+<span id="cb6-2776"><a href></a>      <span class="co">// update input positions</span></span>
-<span id="cb6-2797"><a href></a>      sliderCont<span class="op">.</span><span class="fu">selectAll</span>(<span class="st">&#39;input&#39;</span>)<span class="op">.</span><span class="fu">property</span>(<span class="st">&#39;value&#39;</span><span class="op">,</span> d <span class="kw">=&gt;</span> d<span class="op">.</span><span class="fu">get</span>())<span class="op">;</span></span>
+<span id="cb6-2777"><a href></a>      sliderCont<span class="op">.</span><span class="fu">selectAll</span>(<span class="st">&#39;input&#39;</span>)<span class="op">.</span><span class="fu">property</span>(<span class="st">&#39;value&#39;</span><span class="op">,</span> d <span class="kw">=&gt;</span> d<span class="op">.</span><span class="fu">get</span>())<span class="op">;</span></span>
-<span id="cb6-2798"><a href></a>      <span class="co">// update displayed labels</span></span>
+<span id="cb6-2778"><a href></a>      <span class="co">// update displayed labels</span></span>
-<span id="cb6-2799"><a href></a>      sliderCont<span class="op">.</span><span class="fu">selectAll</span>(<span class="st">&#39;span&#39;</span>)</span>
+<span id="cb6-2779"><a href></a>      sliderCont<span class="op">.</span><span class="fu">selectAll</span>(<span class="st">&#39;span&#39;</span>)</span>
-<span id="cb6-2800"><a href></a>        <span class="op">.</span><span class="fu">text</span>(d <span class="kw">=&gt;</span> d<span class="op">.</span><span class="at">label</span><span class="op">.</span><span class="fu">match</span>(<span class="ss">/Sigma</span><span class="sc">|</span><span class="ss">Tailweight/</span>) <span class="op">?</span> (<span class="dv">2</span><span class="op">**</span>d<span class="op">.</span><span class="fu">get</span>()) <span class="op">:</span> d<span class="op">.</span><span class="fu">get</span>())<span class="op">;</span></span>
+<span id="cb6-2780"><a href></a>        <span class="op">.</span><span class="fu">text</span>(d <span class="kw">=&gt;</span> d<span class="op">.</span><span class="at">label</span><span class="op">.</span><span class="fu">match</span>(<span class="ss">/Sigma</span><span class="sc">|</span><span class="ss">Tailweight/</span>) <span class="op">?</span> (<span class="dv">2</span><span class="op">**</span>d<span class="op">.</span><span class="fu">get</span>()) <span class="op">:</span> d<span class="op">.</span><span class="fu">get</span>())<span class="op">;</span></span>
-<span id="cb6-2801"><a href></a>      <span class="co">// redraw chart</span></span>
+<span id="cb6-2781"><a href></a>      <span class="co">// redraw chart</span></span>
-<span id="cb6-2802"><a href></a>      <span class="fu">updateChart</span>(<span class="fu">filteredData</span>())<span class="op">;</span></span>
+<span id="cb6-2782"><a href></a>      <span class="fu">updateChart</span>(<span class="fu">filteredData</span>())<span class="op">;</span></span>
-<span id="cb6-2803"><a href></a>    })<span class="op">;</span></span>
+<span id="cb6-2783"><a href></a>    })<span class="op">;</span></span>
-<span id="cb6-2804"><a href></a></span>
+<span id="cb6-2784"><a href></a></span>
-<span id="cb6-2805"><a href></a>   <span class="co">// Build SVG</span></span>
+<span id="cb6-2785"><a href></a>   <span class="co">// Build SVG</span></span>
-<span id="cb6-2806"><a href></a>   <span class="kw">const</span> width <span class="op">=</span> <span class="dv">1200</span><span class="op">;</span></span>
+<span id="cb6-2786"><a href></a>   <span class="kw">const</span> width <span class="op">=</span> <span class="dv">1200</span><span class="op">;</span></span>
-<span id="cb6-2807"><a href></a>   <span class="kw">const</span> height <span class="op">=</span> <span class="dv">450</span><span class="op">;</span></span>
+<span id="cb6-2787"><a href></a>   <span class="kw">const</span> height <span class="op">=</span> <span class="dv">450</span><span class="op">;</span></span>
-<span id="cb6-2808"><a href></a>   <span class="kw">const</span> margin <span class="op">=</span> {<span class="dt">top</span><span class="op">:</span> <span class="dv">40</span><span class="op">,</span> <span class="dt">right</span><span class="op">:</span> <span class="dv">20</span><span class="op">,</span> <span class="dt">bottom</span><span class="op">:</span> <span class="dv">40</span><span class="op">,</span> <span class="dt">left</span><span class="op">:</span> <span class="dv">40</span>}<span class="op">;</span></span>
+<span id="cb6-2788"><a href></a>   <span class="kw">const</span> margin <span class="op">=</span> {<span class="dt">top</span><span class="op">:</span> <span class="dv">40</span><span class="op">,</span> <span class="dt">right</span><span class="op">:</span> <span class="dv">20</span><span class="op">,</span> <span class="dt">bottom</span><span class="op">:</span> <span class="dv">40</span><span class="op">,</span> <span class="dt">left</span><span class="op">:</span> <span class="dv">40</span>}<span class="op">;</span></span>
-<span id="cb6-2809"><a href></a>   <span class="kw">const</span> innerWidth <span class="op">=</span> width <span class="op">-</span> margin<span class="op">.</span><span class="at">left</span> <span class="op">-</span> margin<span class="op">.</span><span class="at">right</span><span class="op">;</span></span>
+<span id="cb6-2789"><a href></a>   <span class="kw">const</span> innerWidth <span class="op">=</span> width <span class="op">-</span> margin<span class="op">.</span><span class="at">left</span> <span class="op">-</span> margin<span class="op">.</span><span class="at">right</span><span class="op">;</span></span>
-<span id="cb6-2810"><a href></a>   <span class="kw">const</span> innerHeight <span class="op">=</span> height <span class="op">-</span> margin<span class="op">.</span><span class="at">top</span> <span class="op">-</span> margin<span class="op">.</span><span class="at">bottom</span><span class="op">;</span></span>
+<span id="cb6-2790"><a href></a>   <span class="kw">const</span> innerHeight <span class="op">=</span> height <span class="op">-</span> margin<span class="op">.</span><span class="at">top</span> <span class="op">-</span> margin<span class="op">.</span><span class="at">bottom</span><span class="op">;</span></span>
-<span id="cb6-2811"><a href></a></span>
+<span id="cb6-2791"><a href></a></span>
-<span id="cb6-2812"><a href></a>   <span class="co">// Set controls container width to match SVG plot width</span></span>
+<span id="cb6-2792"><a href></a>   <span class="co">// Set controls container width to match SVG plot width</span></span>
-<span id="cb6-2813"><a href></a>   controlsContainer<span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;max-width&quot;</span><span class="op">,</span> <span class="st">&quot;none&quot;</span>)<span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;width&quot;</span><span class="op">,</span> <span class="st">&quot;100%&quot;</span>)<span class="op">;</span></span>
+<span id="cb6-2793"><a href></a>   controlsContainer<span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;max-width&quot;</span><span class="op">,</span> <span class="st">&quot;none&quot;</span>)<span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;width&quot;</span><span class="op">,</span> <span class="st">&quot;100%&quot;</span>)<span class="op">;</span></span>
-<span id="cb6-2814"><a href></a>   <span class="co">// Distribute each control evenly and make sliders full-width</span></span>
+<span id="cb6-2794"><a href></a>   <span class="co">// Distribute each control evenly and make sliders full-width</span></span>
-<span id="cb6-2815"><a href></a>   controlsContainer<span class="op">.</span><span class="fu">selectAll</span>(<span class="st">&quot;div&quot;</span>)<span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;flex&quot;</span><span class="op">,</span> <span class="st">&quot;1&quot;</span>)<span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;min-width&quot;</span><span class="op">,</span> <span class="st">&quot;0px&quot;</span>)<span class="op">;</span></span>
+<span id="cb6-2795"><a href></a>   controlsContainer<span class="op">.</span><span class="fu">selectAll</span>(<span class="st">&quot;div&quot;</span>)<span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;flex&quot;</span><span class="op">,</span> <span class="st">&quot;1&quot;</span>)<span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;min-width&quot;</span><span class="op">,</span> <span class="st">&quot;0px&quot;</span>)<span class="op">;</span></span>
-<span id="cb6-2816"><a href></a>   controlsContainer<span class="op">.</span><span class="fu">selectAll</span>(<span class="st">&quot;input&quot;</span>)<span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;width&quot;</span><span class="op">,</span> <span class="st">&quot;100%&quot;</span>)<span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;box-sizing&quot;</span><span class="op">,</span> <span class="st">&quot;border-box&quot;</span>)<span class="op">;</span></span>
+<span id="cb6-2796"><a href></a>   controlsContainer<span class="op">.</span><span class="fu">selectAll</span>(<span class="st">&quot;input&quot;</span>)<span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;width&quot;</span><span class="op">,</span> <span class="st">&quot;100%&quot;</span>)<span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;box-sizing&quot;</span><span class="op">,</span> <span class="st">&quot;border-box&quot;</span>)<span class="op">;</span></span>
 <span id="cb6-2797"><a href></a>   </span>
 <span id="cb6-2798"><a href></a>   <span class="co">// Create scales</span></span>
 <span id="cb6-2799"><a href></a>   <span class="kw">const</span> x <span class="op">=</span> d3<span class="op">.</span><span class="fu">scaleLinear</span>()</span>
 <span id="cb6-2800"><a href></a>     <span class="op">.</span><span class="fu">domain</span>([<span class="dv">0</span><span class="op">,</span> <span class="dv">1</span>])</span>
 <span id="cb6-2801"><a href></a>     <span class="op">.</span><span class="fu">range</span>([<span class="dv">0</span><span class="op">,</span> innerWidth])<span class="op">;</span></span>
 <span id="cb6-2802"><a href></a>     </span>
 <span id="cb6-2803"><a href></a>   <span class="kw">const</span> y <span class="op">=</span> d3<span class="op">.</span><span class="fu">scaleLinear</span>()</span>
 <span id="cb6-2804"><a href></a>     <span class="op">.</span><span class="fu">domain</span>([<span class="dv">0</span><span class="op">,</span> <span class="dv">1</span>])</span>
 <span id="cb6-2805"><a href></a>     <span class="op">.</span><span class="fu">range</span>([innerHeight<span class="op">,</span> <span class="dv">0</span>])<span class="op">;</span></span>
 <span id="cb6-2806"><a href></a>   </span>
 <span id="cb6-2807"><a href></a>   <span class="co">// Create a color scale for the basis functions</span></span>
 <span id="cb6-2808"><a href></a>   <span class="kw">const</span> color <span class="op">=</span> d3<span class="op">.</span><span class="fu">scaleOrdinal</span>(d3<span class="op">.</span><span class="at">schemeCategory10</span>)<span class="op">;</span></span>
 <span id="cb6-2809"><a href></a>   </span>
 <span id="cb6-2810"><a href></a>   <span class="co">// Create SVG</span></span>
 <span id="cb6-2811"><a href></a>   <span class="kw">const</span> svg <span class="op">=</span> d3<span class="op">.</span><span class="fu">create</span>(<span class="st">&quot;svg&quot;</span>)</span>
 <span id="cb6-2812"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;width&quot;</span><span class="op">,</span> <span class="st">&quot;100%&quot;</span>)</span>
 <span id="cb6-2813"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;height&quot;</span><span class="op">,</span> <span class="st">&quot;auto&quot;</span>)</span>
 <span id="cb6-2814"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;viewBox&quot;</span><span class="op">,</span> [<span class="dv">0</span><span class="op">,</span> <span class="dv">0</span><span class="op">,</span> width<span class="op">,</span> height])</span>
 <span id="cb6-2815"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;preserveAspectRatio&quot;</span><span class="op">,</span> <span class="st">&quot;xMidYMid meet&quot;</span>)</span>
 <span id="cb6-2816"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;style&quot;</span><span class="op">,</span> <span class="st">&quot;max-width: 100%; height: auto;&quot;</span>)<span class="op">;</span></span>
 <span id="cb6-2817"><a href></a>   </span>
-<span id="cb6-2818"><a href></a>   <span class="co">// Create scales</span></span>
+<span id="cb6-2818"><a href></a>   <span class="co">// Create the chart group</span></span>
-<span id="cb6-2819"><a href></a>   <span class="kw">const</span> x <span class="op">=</span> d3<span class="op">.</span><span class="fu">scaleLinear</span>()</span>
+<span id="cb6-2819"><a href></a>   <span class="kw">const</span> g <span class="op">=</span> svg<span class="op">.</span><span class="fu">append</span>(<span class="st">&quot;g&quot;</span>)</span>
-<span id="cb6-2820"><a href></a>     <span class="op">.</span><span class="fu">domain</span>([<span class="dv">0</span><span class="op">,</span> <span class="dv">1</span>])</span>
+<span id="cb6-2820"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;transform&quot;</span><span class="op">,</span> <span class="vs">`translate(</span><span class="sc">${</span>margin<span class="op">.</span><span class="at">left</span><span class="sc">}</span><span class="vs">,</span><span class="sc">${</span>margin<span class="op">.</span><span class="at">top</span><span class="sc">}</span><span class="vs">)`</span>)<span class="op">;</span></span>
-<span id="cb6-2821"><a href></a>     <span class="op">.</span><span class="fu">range</span>([<span class="dv">0</span><span class="op">,</span> innerWidth])<span class="op">;</span></span>
+<span id="cb6-2821"><a href></a>   </span>
-<span id="cb6-2822"><a href></a>     </span>
+<span id="cb6-2822"><a href></a>   <span class="co">// Add axes</span></span>
-<span id="cb6-2823"><a href></a>   <span class="kw">const</span> y <span class="op">=</span> d3<span class="op">.</span><span class="fu">scaleLinear</span>()</span>
+<span id="cb6-2823"><a href></a>   <span class="kw">const</span> xAxis <span class="op">=</span> g<span class="op">.</span><span class="fu">append</span>(<span class="st">&quot;g&quot;</span>)</span>
-<span id="cb6-2824"><a href></a>     <span class="op">.</span><span class="fu">domain</span>([<span class="dv">0</span><span class="op">,</span> <span class="dv">1</span>])</span>
+<span id="cb6-2824"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;transform&quot;</span><span class="op">,</span> <span class="vs">`translate(0,</span><span class="sc">${</span>innerHeight<span class="sc">}</span><span class="vs">)`</span>)</span>
-<span id="cb6-2825"><a href></a>     <span class="op">.</span><span class="fu">range</span>([innerHeight<span class="op">,</span> <span class="dv">0</span>])<span class="op">;</span></span>
+<span id="cb6-2825"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;class&quot;</span><span class="op">,</span> <span class="st">&quot;x-axis&quot;</span>)</span>
-<span id="cb6-2826"><a href></a>   </span>
+<span id="cb6-2826"><a href></a>     <span class="op">.</span><span class="fu">call</span>(d3<span class="op">.</span><span class="fu">axisBottom</span>(x)<span class="op">.</span><span class="fu">ticks</span>(<span class="dv">10</span>))</span>
-<span id="cb6-2827"><a href></a>   <span class="co">// Create a color scale for the basis functions</span></span>
+<span id="cb6-2827"><a href></a>     <span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;font-size&quot;</span><span class="op">,</span> <span class="st">&quot;20px&quot;</span>)<span class="op">;</span></span>
-<span id="cb6-2828"><a href></a>   <span class="kw">const</span> color <span class="op">=</span> d3<span class="op">.</span><span class="fu">scaleOrdinal</span>(d3<span class="op">.</span><span class="at">schemeCategory10</span>)<span class="op">;</span></span>
+<span id="cb6-2828"><a href></a>   </span>
-<span id="cb6-2829"><a href></a>   </span>
+<span id="cb6-2829"><a href></a>   <span class="kw">const</span> yAxis <span class="op">=</span> g<span class="op">.</span><span class="fu">append</span>(<span class="st">&quot;g&quot;</span>)</span>
-<span id="cb6-2830"><a href></a>   <span class="co">// Create SVG</span></span>
+<span id="cb6-2830"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;class&quot;</span><span class="op">,</span> <span class="st">&quot;y-axis&quot;</span>)</span>
-<span id="cb6-2831"><a href></a>   <span class="kw">const</span> svg <span class="op">=</span> d3<span class="op">.</span><span class="fu">create</span>(<span class="st">&quot;svg&quot;</span>)</span>
+<span id="cb6-2831"><a href></a>     <span class="op">.</span><span class="fu">call</span>(d3<span class="op">.</span><span class="fu">axisLeft</span>(y)<span class="op">.</span><span class="fu">ticks</span>(<span class="dv">5</span>))</span>
-<span id="cb6-2832"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;width&quot;</span><span class="op">,</span> <span class="st">&quot;100%&quot;</span>)</span>
+<span id="cb6-2832"><a href></a>     <span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;font-size&quot;</span><span class="op">,</span> <span class="st">&quot;20px&quot;</span>)<span class="op">;</span></span>
-<span id="cb6-2833"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;height&quot;</span><span class="op">,</span> <span class="st">&quot;auto&quot;</span>)</span>
+<span id="cb6-2833"><a href></a>   </span>
-<span id="cb6-2834"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;viewBox&quot;</span><span class="op">,</span> [<span class="dv">0</span><span class="op">,</span> <span class="dv">0</span><span class="op">,</span> width<span class="op">,</span> height])</span>
+<span id="cb6-2834"><a href></a>   <span class="co">// Add a horizontal line at y = 0</span></span>
-<span id="cb6-2835"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;preserveAspectRatio&quot;</span><span class="op">,</span> <span class="st">&quot;xMidYMid meet&quot;</span>)</span>
+<span id="cb6-2835"><a href></a>   g<span class="op">.</span><span class="fu">append</span>(<span class="st">&quot;line&quot;</span>)</span>
-<span id="cb6-2836"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;style&quot;</span><span class="op">,</span> <span class="st">&quot;max-width: 100%; height: auto;&quot;</span>)<span class="op">;</span></span>
+<span id="cb6-2836"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;x1&quot;</span><span class="op">,</span> <span class="dv">0</span>)</span>
-<span id="cb6-2837"><a href></a>   </span>
+<span id="cb6-2837"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;x2&quot;</span><span class="op">,</span> innerWidth)</span>
-<span id="cb6-2838"><a href></a>   <span class="co">// Create the chart group</span></span>
+<span id="cb6-2838"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;y1&quot;</span><span class="op">,</span> <span class="fu">y</span>(<span class="dv">0</span>))</span>
-<span id="cb6-2839"><a href></a>   <span class="kw">const</span> g <span class="op">=</span> svg<span class="op">.</span><span class="fu">append</span>(<span class="st">&quot;g&quot;</span>)</span>
+<span id="cb6-2839"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;y2&quot;</span><span class="op">,</span> <span class="fu">y</span>(<span class="dv">0</span>))</span>
-<span id="cb6-2840"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;transform&quot;</span><span class="op">,</span> <span class="vs">`translate(</span><span class="sc">${</span>margin<span class="op">.</span><span class="at">left</span><span class="sc">}</span><span class="vs">,</span><span class="sc">${</span>margin<span class="op">.</span><span class="at">top</span><span class="sc">}</span><span class="vs">)`</span>)<span class="op">;</span></span>
+<span id="cb6-2840"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;stroke&quot;</span><span class="op">,</span> <span class="st">&quot;#000&quot;</span>)</span>
-<span id="cb6-2841"><a href></a>   </span>
+<span id="cb6-2841"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;stroke-opacity&quot;</span><span class="op">,</span> <span class="fl">0.2</span>)<span class="op">;</span></span>
-<span id="cb6-2842"><a href></a>   <span class="co">// Add axes</span></span>
+<span id="cb6-2842"><a href></a>   </span>
-<span id="cb6-2843"><a href></a>   <span class="kw">const</span> xAxis <span class="op">=</span> g<span class="op">.</span><span class="fu">append</span>(<span class="st">&quot;g&quot;</span>)</span>
+<span id="cb6-2843"><a href></a>   <span class="co">// Add gridlines</span></span>
-<span id="cb6-2844"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;transform&quot;</span><span class="op">,</span> <span class="vs">`translate(0,</span><span class="sc">${</span>innerHeight<span class="sc">}</span><span class="vs">)`</span>)</span>
+<span id="cb6-2844"><a href></a>   g<span class="op">.</span><span class="fu">append</span>(<span class="st">&quot;g&quot;</span>)</span>
-<span id="cb6-2845"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;class&quot;</span><span class="op">,</span> <span class="st">&quot;x-axis&quot;</span>)</span>
+<span id="cb6-2845"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;class&quot;</span><span class="op">,</span> <span class="st">&quot;grid-lines&quot;</span>)</span>
-<span id="cb6-2846"><a href></a>     <span class="op">.</span><span class="fu">call</span>(d3<span class="op">.</span><span class="fu">axisBottom</span>(x)<span class="op">.</span><span class="fu">ticks</span>(<span class="dv">10</span>))</span>
+<span id="cb6-2846"><a href></a>     <span class="op">.</span><span class="fu">selectAll</span>(<span class="st">&quot;line&quot;</span>)</span>
-<span id="cb6-2847"><a href></a>     <span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;font-size&quot;</span><span class="op">,</span> <span class="st">&quot;20px&quot;</span>)<span class="op">;</span></span>
+<span id="cb6-2847"><a href></a>     <span class="op">.</span><span class="fu">data</span>(y<span class="op">.</span><span class="fu">ticks</span>(<span class="dv">5</span>))</span>
-<span id="cb6-2848"><a href></a>   </span>
+<span id="cb6-2848"><a href></a>     <span class="op">.</span><span class="fu">join</span>(<span class="st">&quot;line&quot;</span>)</span>
-<span id="cb6-2849"><a href></a>   <span class="kw">const</span> yAxis <span class="op">=</span> g<span class="op">.</span><span class="fu">append</span>(<span class="st">&quot;g&quot;</span>)</span>
+<span id="cb6-2849"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;x1&quot;</span><span class="op">,</span> <span class="dv">0</span>)</span>
-<span id="cb6-2850"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;class&quot;</span><span class="op">,</span> <span class="st">&quot;y-axis&quot;</span>)</span>
+<span id="cb6-2850"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;x2&quot;</span><span class="op">,</span> innerWidth)</span>
-<span id="cb6-2851"><a href></a>     <span class="op">.</span><span class="fu">call</span>(d3<span class="op">.</span><span class="fu">axisLeft</span>(y)<span class="op">.</span><span class="fu">ticks</span>(<span class="dv">5</span>))</span>
+<span id="cb6-2851"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;y1&quot;</span><span class="op">,</span> d <span class="kw">=&gt;</span> <span class="fu">y</span>(d))</span>
-<span id="cb6-2852"><a href></a>     <span class="op">.</span><span class="fu">style</span>(<span class="st">&quot;font-size&quot;</span><span class="op">,</span> <span class="st">&quot;20px&quot;</span>)<span class="op">;</span></span>
+<span id="cb6-2852"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;y2&quot;</span><span class="op">,</span> d <span class="kw">=&gt;</span> <span class="fu">y</span>(d))</span>
-<span id="cb6-2853"><a href></a>   </span>
+<span id="cb6-2853"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;stroke&quot;</span><span class="op">,</span> <span class="st">&quot;#ccc&quot;</span>)</span>
-<span id="cb6-2854"><a href></a>   <span class="co">// Add a horizontal line at y = 0</span></span>
+<span id="cb6-2854"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;stroke-opacity&quot;</span><span class="op">,</span> <span class="fl">0.5</span>)<span class="op">;</span></span>
-<span id="cb6-2855"><a href></a>   g<span class="op">.</span><span class="fu">append</span>(<span class="st">&quot;line&quot;</span>)</span>
+<span id="cb6-2855"><a href></a>   </span>
-<span id="cb6-2856"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;x1&quot;</span><span class="op">,</span> <span class="dv">0</span>)</span>
+<span id="cb6-2856"><a href></a>   <span class="co">// Create a line generator</span></span>
-<span id="cb6-2857"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;x2&quot;</span><span class="op">,</span> innerWidth)</span>
+<span id="cb6-2857"><a href></a>   <span class="kw">const</span> line <span class="op">=</span> d3<span class="op">.</span><span class="fu">line</span>()</span>
-<span id="cb6-2858"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;y1&quot;</span><span class="op">,</span> <span class="fu">y</span>(<span class="dv">0</span>))</span>
+<span id="cb6-2858"><a href></a>     <span class="op">.</span><span class="fu">x</span>(d <span class="kw">=&gt;</span> <span class="fu">x</span>(d<span class="op">.</span><span class="at">x</span>))</span>
-<span id="cb6-2859"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;y2&quot;</span><span class="op">,</span> <span class="fu">y</span>(<span class="dv">0</span>))</span>
+<span id="cb6-2859"><a href></a>     <span class="op">.</span><span class="fu">y</span>(d <span class="kw">=&gt;</span> <span class="fu">y</span>(d<span class="op">.</span><span class="at">y</span>))</span>
-<span id="cb6-2860"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;stroke&quot;</span><span class="op">,</span> <span class="st">&quot;#000&quot;</span>)</span>
+<span id="cb6-2860"><a href></a>     <span class="op">.</span><span class="fu">curve</span>(d3<span class="op">.</span><span class="at">curveBasis</span>)<span class="op">;</span></span>
-<span id="cb6-2861"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;stroke-opacity&quot;</span><span class="op">,</span> <span class="fl">0.2</span>)<span class="op">;</span></span>
+<span id="cb6-2861"><a href></a>   </span>
-<span id="cb6-2862"><a href></a>   </span>
+<span id="cb6-2862"><a href></a>   <span class="co">// Group to contain the basis function lines</span></span>
-<span id="cb6-2863"><a href></a>   <span class="co">// Add gridlines</span></span>
+<span id="cb6-2863"><a href></a>   <span class="kw">const</span> linesGroup <span class="op">=</span> g<span class="op">.</span><span class="fu">append</span>(<span class="st">&quot;g&quot;</span>)</span>
-<span id="cb6-2864"><a href></a>   g<span class="op">.</span><span class="fu">append</span>(<span class="st">&quot;g&quot;</span>)</span>
+<span id="cb6-2864"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;class&quot;</span><span class="op">,</span> <span class="st">&quot;basis-functions&quot;</span>)<span class="op">;</span></span>
-<span id="cb6-2865"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;class&quot;</span><span class="op">,</span> <span class="st">&quot;grid-lines&quot;</span>)</span>
+<span id="cb6-2865"><a href></a>   </span>
-<span id="cb6-2866"><a href></a>     <span class="op">.</span><span class="fu">selectAll</span>(<span class="st">&quot;line&quot;</span>)</span>
+<span id="cb6-2866"><a href></a>   <span class="co">// Store the current basis functions for transition</span></span>
-<span id="cb6-2867"><a href></a>     <span class="op">.</span><span class="fu">data</span>(y<span class="op">.</span><span class="fu">ticks</span>(<span class="dv">5</span>))</span>
+<span id="cb6-2867"><a href></a>   <span class="kw">let</span> currentBasisFunctions <span class="op">=</span> <span class="kw">new</span> <span class="bu">Map</span>()<span class="op">;</span></span>
-<span id="cb6-2868"><a href></a>     <span class="op">.</span><span class="fu">join</span>(<span class="st">&quot;line&quot;</span>)</span>
+<span id="cb6-2868"><a href></a>   </span>
-<span id="cb6-2869"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;x1&quot;</span><span class="op">,</span> <span class="dv">0</span>)</span>
+<span id="cb6-2869"><a href></a>   <span class="co">// Function to update the chart with new data</span></span>
-<span id="cb6-2870"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;x2&quot;</span><span class="op">,</span> innerWidth)</span>
+<span id="cb6-2870"><a href></a>   <span class="kw">function</span> <span class="fu">updateChart</span>(data) {</span>
-<span id="cb6-2871"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;y1&quot;</span><span class="op">,</span> d <span class="kw">=&gt;</span> <span class="fu">y</span>(d))</span>
+<span id="cb6-2871"><a href></a>     <span class="fu">updateChartInner</span>(g<span class="op">,</span> x<span class="op">,</span> y<span class="op">,</span> linesGroup<span class="op">,</span> color<span class="op">,</span> line<span class="op">,</span> data)<span class="op">;</span></span>
-<span id="cb6-2872"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;y2&quot;</span><span class="op">,</span> d <span class="kw">=&gt;</span> <span class="fu">y</span>(d))</span>
+<span id="cb6-2872"><a href></a>   }</span>
-<span id="cb6-2873"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;stroke&quot;</span><span class="op">,</span> <span class="st">&quot;#ccc&quot;</span>)</span>
+<span id="cb6-2873"><a href></a>   </span>
-<span id="cb6-2874"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;stroke-opacity&quot;</span><span class="op">,</span> <span class="fl">0.5</span>)<span class="op">;</span></span>
+<span id="cb6-2874"><a href></a>   <span class="co">// Store the update function</span></span>
-<span id="cb6-2875"><a href></a>   </span>
+<span id="cb6-2875"><a href></a>   svg<span class="op">.</span><span class="fu">node</span>()<span class="op">.</span><span class="at">update</span> <span class="op">=</span> updateChart<span class="op">;</span></span>
-<span id="cb6-2876"><a href></a>   <span class="co">// Create a line generator</span></span>
+<span id="cb6-2876"><a href></a>   </span>
-<span id="cb6-2877"><a href></a>   <span class="kw">const</span> line <span class="op">=</span> d3<span class="op">.</span><span class="fu">line</span>()</span>
+<span id="cb6-2877"><a href></a>   <span class="co">// Initial render</span></span>
-<span id="cb6-2878"><a href></a>     <span class="op">.</span><span class="fu">x</span>(d <span class="kw">=&gt;</span> <span class="fu">x</span>(d<span class="op">.</span><span class="at">x</span>))</span>
+<span id="cb6-2878"><a href></a>   <span class="fu">updateChart</span>(<span class="fu">filteredData</span>())<span class="op">;</span></span>
-<span id="cb6-2879"><a href></a>     <span class="op">.</span><span class="fu">y</span>(d <span class="kw">=&gt;</span> <span class="fu">y</span>(d<span class="op">.</span><span class="at">y</span>))</span>
+<span id="cb6-2879"><a href></a>   </span>
-<span id="cb6-2880"><a href></a>     <span class="op">.</span><span class="fu">curve</span>(d3<span class="op">.</span><span class="at">curveBasis</span>)<span class="op">;</span></span>
+<span id="cb6-2880"><a href></a>   container<span class="op">.</span><span class="fu">node</span>()<span class="op">.</span><span class="fu">appendChild</span>(svg<span class="op">.</span><span class="fu">node</span>())<span class="op">;</span></span>
-<span id="cb6-2881"><a href></a>   </span>
+<span id="cb6-2881"><a href></a>   <span class="cf">return</span> container<span class="op">.</span><span class="fu">node</span>()<span class="op">;</span></span>
-<span id="cb6-2882"><a href></a>   <span class="co">// Group to contain the basis function lines</span></span>
+<span id="cb6-2882"><a href></a>}</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
 <span id="cb6-2883"><a href></a>   <span class="kw">const</span> linesGroup <span class="op">=</span> g<span class="op">.</span><span class="fu">append</span>(<span class="st">&quot;g&quot;</span>)</span>
 <span id="cb6-2884"><a href></a>     <span class="op">.</span><span class="fu">attr</span>(<span class="st">&quot;class&quot;</span><span class="op">,</span> <span class="st">&quot;basis-functions&quot;</span>)<span class="op">;</span></span>
 <span id="cb6-2885"><a href></a>   </span>
 <span id="cb6-2886"><a href></a>   <span class="co">// Store the current basis functions for transition</span></span>
 <span id="cb6-2887"><a href></a>   <span class="kw">let</span> currentBasisFunctions <span class="op">=</span> <span class="kw">new</span> <span class="bu">Map</span>()<span class="op">;</span></span>
 <span id="cb6-2888"><a href></a>   </span>
 <span id="cb6-2889"><a href></a>   <span class="co">// Function to update the chart with new data</span></span>
 <span id="cb6-2890"><a href></a>   <span class="kw">function</span> <span class="fu">updateChart</span>(data) {</span>
 <span id="cb6-2891"><a href></a>     <span class="fu">updateChartInner</span>(g<span class="op">,</span> x<span class="op">,</span> y<span class="op">,</span> linesGroup<span class="op">,</span> color<span class="op">,</span> line<span class="op">,</span> data)<span class="op">;</span></span>
 <span id="cb6-2892"><a href></a>   }</span>
 <span id="cb6-2893"><a href></a>   </span>
 <span id="cb6-2894"><a href></a>   <span class="co">// Store the update function</span></span>
 <span id="cb6-2895"><a href></a>   svg<span class="op">.</span><span class="fu">node</span>()<span class="op">.</span><span class="at">update</span> <span class="op">=</span> updateChart<span class="op">;</span></span>
 <span id="cb6-2896"><a href></a>   </span>
 <span id="cb6-2897"><a href></a>   <span class="co">// Initial render</span></span>
 <span id="cb6-2898"><a href></a>   <span class="fu">updateChart</span>(<span class="fu">filteredData</span>())<span class="op">;</span></span>
 <span id="cb6-2899"><a href></a>   </span>
 <span id="cb6-2900"><a href></a>   container<span class="op">.</span><span class="fu">node</span>()<span class="op">.</span><span class="fu">appendChild</span>(svg<span class="op">.</span><span class="fu">node</span>())<span class="op">;</span></span>
 <span id="cb6-2901"><a href></a>   <span class="cf">return</span> container<span class="op">.</span><span class="fu">node</span>()<span class="op">;</span></span>
 <span id="cb6-2902"><a href></a>}</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
 <div class="cell-output cell-output-display">
 <div id="ojs-cell-5" data-nodetype="declaration">
@@ -27593,7 +27589,7 @@ Y_{t} = \mu + Y_{t-1}  + \varepsilon_t \quad \text{with} \quad \varepsilon_t = \
    F_{\boldsymbol{X}_t|\mathcal{F}_{t-1}}(\boldsymbol{x}_t) = C_{\boldsymbol{U}_{t}|\mathcal{F}_{t - 1}}(\boldsymbol{u}_t) \nonumber
 \end{align}\]</span></p>
 <p>with: <span class="math inline">\(\boldsymbol{u}_t =(u_{1,t},\ldots, u_{K,t})^\intercal\)</span>, <span class="math inline">\(u_{k,t} = F_{X_{k,t}|\mathcal{F}_{t-1}}(x_{k,t})\)</span></p>
-<p>For brewity we drop the conditioning on <span class="math inline">\(\mathcal{F}_{t-1}\)</span>.</p>
+<p>For brevity we drop the conditioning on <span class="math inline">\(\mathcal{F}_{t-1}\)</span>.</p>
 <p>The model can be specified as follows</p>
 <p><span class="math display">\[\begin{align}
    F(\boldsymbol{x}_t) = C \left[\mathbf{F}(\boldsymbol{x}_t; \boldsymbol{\mu}_t, \boldsymbol{ \sigma }_{t}^2, \boldsymbol{\nu}, \boldsymbol{\lambda}); \Xi_t, \Theta\right] \nonumber
@@ -27662,7 +27658,7 @@ Y_{t} = \mu + Y_{t-1}  + \varepsilon_t \quad \text{with} \quad \varepsilon_t = \
 <li>We draw <span class="math inline">\(2^{12}= 2048\)</span> trajectories 30 steps ahead</li>
 </ul>
 <h3 id="estimation">Estimation</h3>
-<p>Joint maximum lieklihood estimation:</p>
+<p>Joint maximum likelihood estimation:</p>
 <p><span class="math display">\[\begin{align*}
    f_{\mathbf{X}_t}(\mathbf{x}_t | \mathcal{F}_{t-1}) = c\left[\mathbf{F}(\mathbf{x}_t;\boldsymbol{\mu}_t, \boldsymbol{\sigma}_{t}^2, \boldsymbol{\nu},
    \boldsymbol{\lambda});\Xi_t, \Theta\right] \cdot \\ \prod_{i=1}^K f_{X_{i,t}}(\mathbf{x}_t;\boldsymbol{\mu}_t, \boldsymbol{\sigma}_{t}^2, \boldsymbol{\nu}, \boldsymbol{\lambda})
@@ -27858,7 +27854,7 @@ Y_{t} = \mu + Y_{t-1}  + \varepsilon_t \quad \text{with} \quad \varepsilon_t = \
 <li>The cross-sectional dependence is ignored</li>
 </ul></li>
 <li>VES models deliver poor performance in short horizons</li>
-<li>For Oil prices the RW Benchmark can’t be oupterformed 30 steps ahead</li>
+<li>For Oil prices the RW Benchmark can’t be outperformed 30 steps ahead</li>
 <li>Both VECM models generally deliver good performance</li>
 </ul>
 </div><div class="column" style="width:4%;">
@@ -28340,7 +28336,7 @@ Coal
 <div class="column" style="width:48%;">
 <p>Accounting for heteroscedasticity or stabilizing the variance via log transformation is crucial for good performance in terms of ES</p>
 <ul>
-<li>Price dynamics emerged way before the russian invaion into ukraine</li>
+<li>Price dynamics emerged way before the Russian invasion into Ukraine</li>
 <li>Linear dependence between the series reacted only right after the invasion</li>
 <li>Improvements in forecasting performance is mainly attributed to:
 <ul>
@@ -173,11 +173,7 @@ col_yellow <- "#FCE135"
 ::::
-## Overview of the Thesis {#sec-overview}
+## Overview of the Thesis {#sec-overview transition="fade" transition-speed="slow"}
 ::: {.r-stack}
 ::: {.fragment .fade-in-then-out}
 <table style="width: 100%; border-collapse: separate; border-spacing: 0 1em; border: none;">
  <tr style="border: none;">
@@ -238,9 +234,7 @@ col_yellow <- "#FCE135"
  </tr>
 </table>
-:::
+## Overview of the Thesis {transition="fade" transition-speed="slow" visibility="uncounted"}
 ::: {.fragment .fade-in-then-out}
 <table style="width: 100%; border-collapse: separate; border-spacing: 0 1em; border: none;">
  <tr style="border: none;">
@@ -301,9 +295,7 @@ col_yellow <- "#FCE135"
  </tr>
 </table>
-:::
+## Overview of the Thesis {transition="fade" transition-speed="slow" visibility="uncounted"}
 ::: {.fragment .fade-in-then-out}
 <table style="width: 100%; border-collapse: separate; border-spacing: 0 1em; border: none;">
  <tr class = "greyed-out" style="border: none;">
@@ -364,9 +356,6 @@ col_yellow <- "#FCE135"
  </tr>
 </table>
 :::
 :::
 ## Overview
@@ -1730,8 +1719,7 @@ for( t in 1:T ) {
 &nbsp;&nbsp;&nbsp;&nbsp;$\boldsymbol \beta_{t}     = K \boldsymbol \beta_{0} \odot \boldsymbol {SoftMax}\left( -  \boldsymbol \eta_{t} \odot \boldsymbol R_{t} + \log( \boldsymbol \eta_{t}) \right)$
 &nbsp;&nbsp;&nbsp;&nbsp;$\boldsymbol w_{t}(\boldsymbol P) = \underbrace{\boldsymbol B(\boldsymbol B'\boldsymbol B+ \lambda (\alpha \boldsymbol D_1'\boldsymbol D_1 + (1-\alpha) \boldsymbol D_2'\boldsymbol D_2))^{-1} \boldsymbol B'}_{\boldsymbol{\mathcal{H}}} \boldsymbol B \boldsymbol \beta_{t}$
-
+<p style="margin:0em;">}</p>
 } 
 :::
@@ -1775,20 +1763,14 @@ Data Generating Process of the [simple probabilistic example](#simple_example):
 ## QL Deviation
-Deviation from best attainable QL (1000 runs). 
+![](assets/crps_learning/pre_vs_post.gif) 
 ![](assets/crps_learning/pre_vs_post.gif)
 ## CRPS vs. Lambda
 CRPS Values for different $\lambda$ (1000 runs)
 ![](assets/crps_learning/pre_vs_post_lambda.gif)
 ## Knots
 CRPS for different number of knots (1000 runs)
 ![](assets/crps_learning/pre_vs_post_kstep.gif)
 ::::
@@ -1799,8 +1781,6 @@ CRPS for different number of knots (1000 runs)
 ## Comparison to EWA and ML-Poly
 The same simulation carried out for different algorithms (1000 runs):
 <center>
 <img src="assets/crps_learning/algos_constant.gif">
 </center>