<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://euler.vaniercollege.qc.ca/gwikis/pwiki/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=Wikiroot</id>
	<title>pwiki - User contributions [en]</title>
	<link rel="self" type="application/atom+xml" href="https://euler.vaniercollege.qc.ca/gwikis/pwiki/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=Wikiroot"/>
	<link rel="alternate" type="text/html" href="https://euler.vaniercollege.qc.ca/gwikis/pwiki/index.php/Special:Contributions/Wikiroot"/>
	<updated>2026-06-01T19:23:33Z</updated>
	<subtitle>User contributions</subtitle>
	<generator>MediaWiki 1.43.0</generator>
	<entry>
		<id>https://euler.vaniercollege.qc.ca/gwikis/pwiki/index.php?title=Monte_Carlo_Regression&amp;diff=1362</id>
		<title>Monte Carlo Regression</title>
		<link rel="alternate" type="text/html" href="https://euler.vaniercollege.qc.ca/gwikis/pwiki/index.php?title=Monte_Carlo_Regression&amp;diff=1362"/>
		<updated>2025-08-29T14:57:37Z</updated>

		<summary type="html">&lt;p&gt;Wikiroot: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{#widget:plotly}}&lt;br /&gt;
{{#widget:Monte_Carlo_Regression}}&lt;/div&gt;</summary>
		<author><name>Wikiroot</name></author>
	</entry>
	<entry>
		<id>https://euler.vaniercollege.qc.ca/gwikis/pwiki/index.php?title=Widget:Plotly&amp;diff=1361</id>
		<title>Widget:Plotly</title>
		<link rel="alternate" type="text/html" href="https://euler.vaniercollege.qc.ca/gwikis/pwiki/index.php?title=Widget:Plotly&amp;diff=1361"/>
		<updated>2025-08-29T14:56:41Z</updated>

		<summary type="html">&lt;p&gt;Wikiroot: Created page with &amp;quot;&amp;lt;script src=&amp;quot;https://cdn.plot.ly/plotly-latest.min.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;&amp;quot;&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;script src=&amp;quot;https://cdn.plot.ly/plotly-latest.min.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;/div&gt;</summary>
		<author><name>Wikiroot</name></author>
	</entry>
	<entry>
		<id>https://euler.vaniercollege.qc.ca/gwikis/pwiki/index.php?title=Widget:Monte_Carlo_Regression&amp;diff=1360</id>
		<title>Widget:Monte Carlo Regression</title>
		<link rel="alternate" type="text/html" href="https://euler.vaniercollege.qc.ca/gwikis/pwiki/index.php?title=Widget:Monte_Carlo_Regression&amp;diff=1360"/>
		<updated>2025-08-29T14:55:36Z</updated>

		<summary type="html">&lt;p&gt;Wikiroot: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;style&amp;gt;&lt;br /&gt;
   body {&lt;br /&gt;
      font-family: Arial, sans-serif;&lt;br /&gt;
      margin: 40px;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
    }&lt;br /&gt;
    .input-grid {&lt;br /&gt;
      display: grid;&lt;br /&gt;
      grid-template-columns: repeat(3, 1fr);&lt;br /&gt;
      gap: 15px;&lt;br /&gt;
      max-width: 900px;&lt;br /&gt;
      margin: 0 auto 30px;&lt;br /&gt;
    }&lt;br /&gt;
    .input-grid strong {&lt;br /&gt;
      font-size: 16px;&lt;br /&gt;
      grid-column: span 3;&lt;br /&gt;
      text-align: left;&lt;br /&gt;
      padding-top: 10px;&lt;br /&gt;
    }&lt;br /&gt;
    input[type=&amp;quot;text&amp;quot;] {&lt;br /&gt;
      padding: 8px;&lt;br /&gt;
      font-size: 14px;&lt;br /&gt;
      width: 100%;&lt;br /&gt;
    }&lt;br /&gt;
    button {&lt;br /&gt;
      padding: 10px 20px;&lt;br /&gt;
      margin: 10px;&lt;br /&gt;
      font-size: 16px;&lt;br /&gt;
      background-color: #4CAF50;&lt;br /&gt;
      color: white;&lt;br /&gt;
      border: none;&lt;br /&gt;
      border-radius: 4px;&lt;br /&gt;
      cursor: pointer;&lt;br /&gt;
    }&lt;br /&gt;
    button:hover {&lt;br /&gt;
      background-color: #45a049;&lt;br /&gt;
    }&lt;br /&gt;
    #plot {&lt;br /&gt;
      width: 100%;&lt;br /&gt;
      height: 75vh;&lt;br /&gt;
    }&lt;br /&gt;
 &amp;lt;/style&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;my-widget-container&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;h1&amp;gt;Monte Carlo Linear Regression with Confidence Band&amp;lt;/h1&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Paste your data from Excel into the boxes below. Includes both x and y errors.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
  &amp;lt;div class=&amp;quot;input-grid&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;Axis Labels&amp;lt;/strong&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;div style=&amp;quot;grid-column: span 3;&amp;quot;&amp;gt;&lt;br /&gt;
      &amp;lt;p&amp;gt;You can use HTML like &amp;lt;code&amp;gt;&amp;amp;lt;sub&amp;amp;gt;&amp;lt;/code&amp;gt; and &amp;lt;code&amp;gt;&amp;amp;lt;sup&amp;amp;gt;&amp;lt;/code&amp;gt; (e.g., H&amp;amp;lt;sub&amp;amp;gt;2&amp;amp;lt;/sub&amp;amp;gt;O → H&amp;lt;sub&amp;gt;2&amp;lt;/sub&amp;gt;O).&amp;lt;/p&amp;gt;&lt;br /&gt;
    &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;xLabel&amp;quot; placeholder=&amp;quot;X Axis Label&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;yLabel&amp;quot; placeholder=&amp;quot;Y Axis Label&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;X Values&amp;lt;/strong&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;xValues&amp;quot; placeholder=&amp;quot;X Values (space-separated)&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;xErrors&amp;quot; placeholder=&amp;quot;X Errors (optional)&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;Y Values&amp;lt;/strong&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;yValues&amp;quot; placeholder=&amp;quot;Y Values&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;yErrors&amp;quot; placeholder=&amp;quot;Y Errors (optional)&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
  &amp;lt;button onclick=&amp;quot;plotData()&amp;quot;&amp;gt;Plot&amp;lt;/button&amp;gt;&lt;br /&gt;
  &amp;lt;button onclick=&amp;quot;downloadPlot()&amp;quot;&amp;gt;Download Chart&amp;lt;/button&amp;gt;&lt;br /&gt;
  &amp;lt;div id=&amp;quot;plot&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div id=&amp;quot;my-widget-container&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;!-- Widget content will be rendered here --&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;!-- plotly? --&amp;gt;&lt;br /&gt;
&amp;lt;script&amp;gt;&lt;br /&gt;
    function parseValues(id) {&lt;br /&gt;
      const val = document.getElementById(id).value.trim();&lt;br /&gt;
      return val === &amp;quot;&amp;quot; ? [] : val.split(/\s+/).map(Number);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function plotData() {&lt;br /&gt;
      const x = parseValues(&#039;xValues&#039;);&lt;br /&gt;
      const y = parseValues(&#039;yValues&#039;);&lt;br /&gt;
      const xErr = parseValues(&#039;xErrors&#039;);&lt;br /&gt;
      const yErr = parseValues(&#039;yErrors&#039;);&lt;br /&gt;
      const xLabel = document.getElementById(&#039;xLabel&#039;).value || &#039;X Axis&#039;;&lt;br /&gt;
      const yLabel = document.getElementById(&#039;yLabel&#039;).value || &#039;Y Axis&#039;;&lt;br /&gt;
&lt;br /&gt;
      if (x.length !== y.length) {&lt;br /&gt;
        alert(&#039;X and Y values must be the same length.&#039;);&lt;br /&gt;
        return;&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const N = 10000;&lt;br /&gt;
      const slopes = [], intercepts = [];&lt;br /&gt;
&lt;br /&gt;
      function randn_bm() {&lt;br /&gt;
        let u = 0, v = 0;&lt;br /&gt;
        while (u === 0) u = Math.random();&lt;br /&gt;
        while (v === 0) v = Math.random();&lt;br /&gt;
        return Math.sqrt(-2.0 * Math.log(u)) * Math.cos(2.0 * Math.PI * v);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      function linregress(xs, ys) {&lt;br /&gt;
        const n = xs.length;&lt;br /&gt;
        const xMean = xs.reduce((a, b) =&amp;gt; a + b, 0) / n;&lt;br /&gt;
        const yMean = ys.reduce((a, b) =&amp;gt; a + b, 0) / n;&lt;br /&gt;
        let num = 0, den = 0;&lt;br /&gt;
        for (let i = 0; i &amp;lt; n; i++) {&lt;br /&gt;
          num += (xs[i] - xMean) * (ys[i] - yMean);&lt;br /&gt;
          den += (xs[i] - xMean) ** 2;&lt;br /&gt;
        }&lt;br /&gt;
        const slope = num / den;&lt;br /&gt;
        const intercept = yMean - slope * xMean;&lt;br /&gt;
        return { slope, intercept };&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      for (let i = 0; i &amp;lt; N; i++) {&lt;br /&gt;
        const xSim = x.map((xi, j) =&amp;gt; xi + randn_bm() * (xErr[j] || 0));&lt;br /&gt;
        const ySim = y.map((yi, j) =&amp;gt; yi + randn_bm() * (yErr[j] || 0));&lt;br /&gt;
        const { slope, intercept } = linregress(xSim, ySim);&lt;br /&gt;
        if (isFinite(slope) &amp;amp;&amp;amp; isFinite(intercept)) {&lt;br /&gt;
          slopes.push(slope);&lt;br /&gt;
          intercepts.push(intercept);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const xRange = [];&lt;br /&gt;
      const xmin = Math.min(...x), xmax = Math.max(...x);&lt;br /&gt;
      const steps = 100;&lt;br /&gt;
      const step = (xmax - xmin) / steps;&lt;br /&gt;
      for (let i = 0; i &amp;lt;= steps; i++) {&lt;br /&gt;
        xRange.push(xmin + i * step);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const lower = [], upper = [], meanLine = [];&lt;br /&gt;
      for (let xi of xRange) {&lt;br /&gt;
        const ySamples = slopes.map((m, i) =&amp;gt; m * xi + intercepts[i]);&lt;br /&gt;
        ySamples.sort((a, b) =&amp;gt; a - b);&lt;br /&gt;
        const lo = ySamples[Math.floor(0.025 * ySamples.length)];&lt;br /&gt;
        const hi = ySamples[Math.floor(0.975 * ySamples.length)];&lt;br /&gt;
        const avg = ySamples.reduce((a, b) =&amp;gt; a + b, 0) / ySamples.length;&lt;br /&gt;
        lower.push(lo);&lt;br /&gt;
        upper.push(hi);&lt;br /&gt;
        meanLine.push(avg);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const mean = arr =&amp;gt; arr.reduce((a, b) =&amp;gt; a + b, 0) / arr.length;&lt;br /&gt;
      const std = arr =&amp;gt; {&lt;br /&gt;
        const m = mean(arr);&lt;br /&gt;
        return Math.sqrt(arr.reduce((s, v) =&amp;gt; s + (v - m) ** 2, 0) / (arr.length - 1));&lt;br /&gt;
      };&lt;br /&gt;
      const slopeStat = { mean: mean(slopes), std: std(slopes) };&lt;br /&gt;
      const interceptStat = { mean: mean(intercepts), std: std(intercepts) };&lt;br /&gt;
&lt;br /&gt;
      const annotationText = `y = (${slopeStat.mean.toExponential(3)} ± ${slopeStat.std.toExponential(3)})x + (${interceptStat.mean.toExponential(3)} ± ${interceptStat.std.toExponential(3)})`;&lt;br /&gt;
&lt;br /&gt;
      const data = [];&lt;br /&gt;
&lt;br /&gt;
      // Original data points with error bars&lt;br /&gt;
      data.push({&lt;br /&gt;
        x: x,&lt;br /&gt;
        y: y,&lt;br /&gt;
        mode: &#039;markers&#039;,&lt;br /&gt;
        type: &#039;scatter&#039;,&lt;br /&gt;
        name: &#039;Data&#039;,&lt;br /&gt;
        marker: { color: &#039;black&#039;, size: 7, symbol: &#039;x-thin-open&#039; },&lt;br /&gt;
        error_x: xErr.length === x.length ? {&lt;br /&gt;
          type: &#039;data&#039;,&lt;br /&gt;
          array: xErr,&lt;br /&gt;
          visible: true&lt;br /&gt;
        } : undefined,&lt;br /&gt;
        error_y: yErr.length === y.length ? {&lt;br /&gt;
          type: &#039;data&#039;,&lt;br /&gt;
          array: yErr,&lt;br /&gt;
          visible: true&lt;br /&gt;
        } : undefined&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      // Confidence band&lt;br /&gt;
      data.push({&lt;br /&gt;
        x: [...xRange, ...xRange.slice().reverse()],&lt;br /&gt;
        y: [...upper, ...lower.slice().reverse()],&lt;br /&gt;
        fill: &#039;toself&#039;,&lt;br /&gt;
        fillcolor: &#039;rgba(255, 0, 0, 0.2)&#039;,&lt;br /&gt;
        line: { color: &#039;transparent&#039; },&lt;br /&gt;
        name: &#039;95% Confidence Band&#039;,&lt;br /&gt;
        type: &#039;scatter&#039;,&lt;br /&gt;
        showlegend: false&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      // Mean regression line&lt;br /&gt;
      data.push({&lt;br /&gt;
        x: xRange,&lt;br /&gt;
        y: meanLine,&lt;br /&gt;
        mode: &#039;lines&#039;,&lt;br /&gt;
        type: &#039;scatter&#039;,&lt;br /&gt;
        name: &#039;Mean Fit&#039;,&lt;br /&gt;
        line: { color: &#039;red&#039;, width: 2 }&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      const layout = {&lt;br /&gt;
        title: &#039;&#039;,&lt;br /&gt;
        xaxis: { title: xLabel },&lt;br /&gt;
        yaxis: { title: yLabel },&lt;br /&gt;
        showlegend: false,&lt;br /&gt;
        annotations: [{&lt;br /&gt;
          x: 0.05,&lt;br /&gt;
          y: 0.95,&lt;br /&gt;
          xref: &#039;paper&#039;,&lt;br /&gt;
          yref: &#039;paper&#039;,&lt;br /&gt;
          text: annotationText,&lt;br /&gt;
          showarrow: false,&lt;br /&gt;
          font: { color: &#039;black&#039;, size: 14 }&lt;br /&gt;
        }]&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
      Plotly.newPlot(&#039;plot&#039;, data, layout);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function downloadPlot() {&lt;br /&gt;
      Plotly.downloadImage(&#039;plot&#039;, { format: &#039;png&#039;, filename: &#039;monte_carlo_regression&#039; });&lt;br /&gt;
    }&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;/div&gt;</summary>
		<author><name>Wikiroot</name></author>
	</entry>
	<entry>
		<id>https://euler.vaniercollege.qc.ca/gwikis/pwiki/index.php?title=Widget:Monte_Carlo_Regression&amp;diff=1359</id>
		<title>Widget:Monte Carlo Regression</title>
		<link rel="alternate" type="text/html" href="https://euler.vaniercollege.qc.ca/gwikis/pwiki/index.php?title=Widget:Monte_Carlo_Regression&amp;diff=1359"/>
		<updated>2025-08-29T14:49:23Z</updated>

		<summary type="html">&lt;p&gt;Wikiroot: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;style&amp;gt;&lt;br /&gt;
   body {&lt;br /&gt;
      font-family: Arial, sans-serif;&lt;br /&gt;
      margin: 40px;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
    }&lt;br /&gt;
    .input-grid {&lt;br /&gt;
      display: grid;&lt;br /&gt;
      grid-template-columns: repeat(3, 1fr);&lt;br /&gt;
      gap: 15px;&lt;br /&gt;
      max-width: 900px;&lt;br /&gt;
      margin: 0 auto 30px;&lt;br /&gt;
    }&lt;br /&gt;
    .input-grid strong {&lt;br /&gt;
      font-size: 16px;&lt;br /&gt;
      grid-column: span 3;&lt;br /&gt;
      text-align: left;&lt;br /&gt;
      padding-top: 10px;&lt;br /&gt;
    }&lt;br /&gt;
    input[type=&amp;quot;text&amp;quot;] {&lt;br /&gt;
      padding: 8px;&lt;br /&gt;
      font-size: 14px;&lt;br /&gt;
      width: 100%;&lt;br /&gt;
    }&lt;br /&gt;
    button {&lt;br /&gt;
      padding: 10px 20px;&lt;br /&gt;
      margin: 10px;&lt;br /&gt;
      font-size: 16px;&lt;br /&gt;
      background-color: #4CAF50;&lt;br /&gt;
      color: white;&lt;br /&gt;
      border: none;&lt;br /&gt;
      border-radius: 4px;&lt;br /&gt;
      cursor: pointer;&lt;br /&gt;
    }&lt;br /&gt;
    button:hover {&lt;br /&gt;
      background-color: #45a049;&lt;br /&gt;
    }&lt;br /&gt;
    #plot {&lt;br /&gt;
      width: 100%;&lt;br /&gt;
      height: 75vh;&lt;br /&gt;
    }&lt;br /&gt;
 &amp;lt;/style&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;my-widget-container&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;h1&amp;gt;Monte Carlo Linear Regression with Confidence Band&amp;lt;/h1&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Paste your data from Excel into the boxes below. Includes both x and y errors.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
  &amp;lt;div class=&amp;quot;input-grid&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;Axis Labels&amp;lt;/strong&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;div style=&amp;quot;grid-column: span 3;&amp;quot;&amp;gt;&lt;br /&gt;
      &amp;lt;p&amp;gt;You can use HTML like &amp;lt;code&amp;gt;&amp;amp;lt;sub&amp;amp;gt;&amp;lt;/code&amp;gt; and &amp;lt;code&amp;gt;&amp;amp;lt;sup&amp;amp;gt;&amp;lt;/code&amp;gt; (e.g., H&amp;amp;lt;sub&amp;amp;gt;2&amp;amp;lt;/sub&amp;amp;gt;O → H&amp;lt;sub&amp;gt;2&amp;lt;/sub&amp;gt;O).&amp;lt;/p&amp;gt;&lt;br /&gt;
    &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;xLabel&amp;quot; placeholder=&amp;quot;X Axis Label&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;yLabel&amp;quot; placeholder=&amp;quot;Y Axis Label&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;X Values&amp;lt;/strong&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;xValues&amp;quot; placeholder=&amp;quot;X Values (space-separated)&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;xErrors&amp;quot; placeholder=&amp;quot;X Errors (optional)&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;Y Values&amp;lt;/strong&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;yValues&amp;quot; placeholder=&amp;quot;Y Values&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;yErrors&amp;quot; placeholder=&amp;quot;Y Errors (optional)&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
  &amp;lt;button onclick=&amp;quot;plotData()&amp;quot;&amp;gt;Plot&amp;lt;/button&amp;gt;&lt;br /&gt;
  &amp;lt;button onclick=&amp;quot;downloadPlot()&amp;quot;&amp;gt;Download Chart&amp;lt;/button&amp;gt;&lt;br /&gt;
  &amp;lt;div id=&amp;quot;plot&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div id=&amp;quot;my-widget-container&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;!-- Widget content will be rendered here --&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;script src=&amp;quot;https://cdn.plot.ly/plotly-latest.min.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;br /&gt;
    function parseValues(id) {&lt;br /&gt;
      const val = document.getElementById(id).value.trim();&lt;br /&gt;
      return val === &amp;quot;&amp;quot; ? [] : val.split(/\s+/).map(Number);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function plotData() {&lt;br /&gt;
      const x = parseValues(&#039;xValues&#039;);&lt;br /&gt;
      const y = parseValues(&#039;yValues&#039;);&lt;br /&gt;
      const xErr = parseValues(&#039;xErrors&#039;);&lt;br /&gt;
      const yErr = parseValues(&#039;yErrors&#039;);&lt;br /&gt;
      const xLabel = document.getElementById(&#039;xLabel&#039;).value || &#039;X Axis&#039;;&lt;br /&gt;
      const yLabel = document.getElementById(&#039;yLabel&#039;).value || &#039;Y Axis&#039;;&lt;br /&gt;
&lt;br /&gt;
      if (x.length !== y.length) {&lt;br /&gt;
        alert(&#039;X and Y values must be the same length.&#039;);&lt;br /&gt;
        return;&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const N = 10000;&lt;br /&gt;
      const slopes = [], intercepts = [];&lt;br /&gt;
&lt;br /&gt;
      function randn_bm() {&lt;br /&gt;
        let u = 0, v = 0;&lt;br /&gt;
        while (u === 0) u = Math.random();&lt;br /&gt;
        while (v === 0) v = Math.random();&lt;br /&gt;
        return Math.sqrt(-2.0 * Math.log(u)) * Math.cos(2.0 * Math.PI * v);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      function linregress(xs, ys) {&lt;br /&gt;
        const n = xs.length;&lt;br /&gt;
        const xMean = xs.reduce((a, b) =&amp;gt; a + b, 0) / n;&lt;br /&gt;
        const yMean = ys.reduce((a, b) =&amp;gt; a + b, 0) / n;&lt;br /&gt;
        let num = 0, den = 0;&lt;br /&gt;
        for (let i = 0; i &amp;lt; n; i++) {&lt;br /&gt;
          num += (xs[i] - xMean) * (ys[i] - yMean);&lt;br /&gt;
          den += (xs[i] - xMean) ** 2;&lt;br /&gt;
        }&lt;br /&gt;
        const slope = num / den;&lt;br /&gt;
        const intercept = yMean - slope * xMean;&lt;br /&gt;
        return { slope, intercept };&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      for (let i = 0; i &amp;lt; N; i++) {&lt;br /&gt;
        const xSim = x.map((xi, j) =&amp;gt; xi + randn_bm() * (xErr[j] || 0));&lt;br /&gt;
        const ySim = y.map((yi, j) =&amp;gt; yi + randn_bm() * (yErr[j] || 0));&lt;br /&gt;
        const { slope, intercept } = linregress(xSim, ySim);&lt;br /&gt;
        if (isFinite(slope) &amp;amp;&amp;amp; isFinite(intercept)) {&lt;br /&gt;
          slopes.push(slope);&lt;br /&gt;
          intercepts.push(intercept);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const xRange = [];&lt;br /&gt;
      const xmin = Math.min(...x), xmax = Math.max(...x);&lt;br /&gt;
      const steps = 100;&lt;br /&gt;
      const step = (xmax - xmin) / steps;&lt;br /&gt;
      for (let i = 0; i &amp;lt;= steps; i++) {&lt;br /&gt;
        xRange.push(xmin + i * step);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const lower = [], upper = [], meanLine = [];&lt;br /&gt;
      for (let xi of xRange) {&lt;br /&gt;
        const ySamples = slopes.map((m, i) =&amp;gt; m * xi + intercepts[i]);&lt;br /&gt;
        ySamples.sort((a, b) =&amp;gt; a - b);&lt;br /&gt;
        const lo = ySamples[Math.floor(0.025 * ySamples.length)];&lt;br /&gt;
        const hi = ySamples[Math.floor(0.975 * ySamples.length)];&lt;br /&gt;
        const avg = ySamples.reduce((a, b) =&amp;gt; a + b, 0) / ySamples.length;&lt;br /&gt;
        lower.push(lo);&lt;br /&gt;
        upper.push(hi);&lt;br /&gt;
        meanLine.push(avg);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const mean = arr =&amp;gt; arr.reduce((a, b) =&amp;gt; a + b, 0) / arr.length;&lt;br /&gt;
      const std = arr =&amp;gt; {&lt;br /&gt;
        const m = mean(arr);&lt;br /&gt;
        return Math.sqrt(arr.reduce((s, v) =&amp;gt; s + (v - m) ** 2, 0) / (arr.length - 1));&lt;br /&gt;
      };&lt;br /&gt;
      const slopeStat = { mean: mean(slopes), std: std(slopes) };&lt;br /&gt;
      const interceptStat = { mean: mean(intercepts), std: std(intercepts) };&lt;br /&gt;
&lt;br /&gt;
      const annotationText = `y = (${slopeStat.mean.toExponential(3)} ± ${slopeStat.std.toExponential(3)})x + (${interceptStat.mean.toExponential(3)} ± ${interceptStat.std.toExponential(3)})`;&lt;br /&gt;
&lt;br /&gt;
      const data = [];&lt;br /&gt;
&lt;br /&gt;
      // Original data points with error bars&lt;br /&gt;
      data.push({&lt;br /&gt;
        x: x,&lt;br /&gt;
        y: y,&lt;br /&gt;
        mode: &#039;markers&#039;,&lt;br /&gt;
        type: &#039;scatter&#039;,&lt;br /&gt;
        name: &#039;Data&#039;,&lt;br /&gt;
        marker: { color: &#039;black&#039;, size: 7, symbol: &#039;x-thin-open&#039; },&lt;br /&gt;
        error_x: xErr.length === x.length ? {&lt;br /&gt;
          type: &#039;data&#039;,&lt;br /&gt;
          array: xErr,&lt;br /&gt;
          visible: true&lt;br /&gt;
        } : undefined,&lt;br /&gt;
        error_y: yErr.length === y.length ? {&lt;br /&gt;
          type: &#039;data&#039;,&lt;br /&gt;
          array: yErr,&lt;br /&gt;
          visible: true&lt;br /&gt;
        } : undefined&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      // Confidence band&lt;br /&gt;
      data.push({&lt;br /&gt;
        x: [...xRange, ...xRange.slice().reverse()],&lt;br /&gt;
        y: [...upper, ...lower.slice().reverse()],&lt;br /&gt;
        fill: &#039;toself&#039;,&lt;br /&gt;
        fillcolor: &#039;rgba(255, 0, 0, 0.2)&#039;,&lt;br /&gt;
        line: { color: &#039;transparent&#039; },&lt;br /&gt;
        name: &#039;95% Confidence Band&#039;,&lt;br /&gt;
        type: &#039;scatter&#039;,&lt;br /&gt;
        showlegend: false&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      // Mean regression line&lt;br /&gt;
      data.push({&lt;br /&gt;
        x: xRange,&lt;br /&gt;
        y: meanLine,&lt;br /&gt;
        mode: &#039;lines&#039;,&lt;br /&gt;
        type: &#039;scatter&#039;,&lt;br /&gt;
        name: &#039;Mean Fit&#039;,&lt;br /&gt;
        line: { color: &#039;red&#039;, width: 2 }&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      const layout = {&lt;br /&gt;
        title: &#039;&#039;,&lt;br /&gt;
        xaxis: { title: xLabel },&lt;br /&gt;
        yaxis: { title: yLabel },&lt;br /&gt;
        showlegend: false,&lt;br /&gt;
        annotations: [{&lt;br /&gt;
          x: 0.05,&lt;br /&gt;
          y: 0.95,&lt;br /&gt;
          xref: &#039;paper&#039;,&lt;br /&gt;
          yref: &#039;paper&#039;,&lt;br /&gt;
          text: annotationText,&lt;br /&gt;
          showarrow: false,&lt;br /&gt;
          font: { color: &#039;black&#039;, size: 14 }&lt;br /&gt;
        }]&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
      Plotly.newPlot(&#039;plot&#039;, data, layout);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function downloadPlot() {&lt;br /&gt;
      Plotly.downloadImage(&#039;plot&#039;, { format: &#039;png&#039;, filename: &#039;monte_carlo_regression&#039; });&lt;br /&gt;
    }&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;/div&gt;</summary>
		<author><name>Wikiroot</name></author>
	</entry>
	<entry>
		<id>https://euler.vaniercollege.qc.ca/gwikis/pwiki/index.php?title=Widget:Monte_Carlo_Regression&amp;diff=1358</id>
		<title>Widget:Monte Carlo Regression</title>
		<link rel="alternate" type="text/html" href="https://euler.vaniercollege.qc.ca/gwikis/pwiki/index.php?title=Widget:Monte_Carlo_Regression&amp;diff=1358"/>
		<updated>2025-08-29T14:48:34Z</updated>

		<summary type="html">&lt;p&gt;Wikiroot: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;style&amp;gt;&lt;br /&gt;
   body {&lt;br /&gt;
      font-family: Arial, sans-serif;&lt;br /&gt;
      margin: 40px;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
    }&lt;br /&gt;
    .input-grid {&lt;br /&gt;
      display: grid;&lt;br /&gt;
      grid-template-columns: repeat(3, 1fr);&lt;br /&gt;
      gap: 15px;&lt;br /&gt;
      max-width: 900px;&lt;br /&gt;
      margin: 0 auto 30px;&lt;br /&gt;
    }&lt;br /&gt;
    .input-grid strong {&lt;br /&gt;
      font-size: 16px;&lt;br /&gt;
      grid-column: span 3;&lt;br /&gt;
      text-align: left;&lt;br /&gt;
      padding-top: 10px;&lt;br /&gt;
    }&lt;br /&gt;
    input[type=&amp;quot;text&amp;quot;] {&lt;br /&gt;
      padding: 8px;&lt;br /&gt;
      font-size: 14px;&lt;br /&gt;
      width: 100%;&lt;br /&gt;
    }&lt;br /&gt;
    button {&lt;br /&gt;
      padding: 10px 20px;&lt;br /&gt;
      margin: 10px;&lt;br /&gt;
      font-size: 16px;&lt;br /&gt;
      background-color: #4CAF50;&lt;br /&gt;
      color: white;&lt;br /&gt;
      border: none;&lt;br /&gt;
      border-radius: 4px;&lt;br /&gt;
      cursor: pointer;&lt;br /&gt;
    }&lt;br /&gt;
    button:hover {&lt;br /&gt;
      background-color: #45a049;&lt;br /&gt;
    }&lt;br /&gt;
    #plot {&lt;br /&gt;
      width: 100%;&lt;br /&gt;
      height: 75vh;&lt;br /&gt;
    }&lt;br /&gt;
 &amp;lt;/style&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;my-widget-container&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;h1&amp;gt;Monte Carlo Linear Regression with Confidence Band&amp;lt;/h1&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Paste your data from Excel into the boxes below. Includes both x and y errors.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
  &amp;lt;div class=&amp;quot;input-grid&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;Axis Labels&amp;lt;/strong&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;div style=&amp;quot;grid-column: span 3;&amp;quot;&amp;gt;&lt;br /&gt;
      &amp;lt;p&amp;gt;You can use HTML like &amp;lt;code&amp;gt;&amp;amp;lt;sub&amp;amp;gt;&amp;lt;/code&amp;gt; and &amp;lt;code&amp;gt;&amp;amp;lt;sup&amp;amp;gt;&amp;lt;/code&amp;gt; (e.g., H&amp;amp;lt;sub&amp;amp;gt;2&amp;amp;lt;/sub&amp;amp;gt;O → H&amp;lt;sub&amp;gt;2&amp;lt;/sub&amp;gt;O).&amp;lt;/p&amp;gt;&lt;br /&gt;
    &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;xLabel&amp;quot; placeholder=&amp;quot;X Axis Label&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;yLabel&amp;quot; placeholder=&amp;quot;Y Axis Label&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;X Values&amp;lt;/strong&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;xValues&amp;quot; placeholder=&amp;quot;X Values (space-separated)&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;xErrors&amp;quot; placeholder=&amp;quot;X Errors (optional)&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;Y Values&amp;lt;/strong&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;yValues&amp;quot; placeholder=&amp;quot;Y Values&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;yErrors&amp;quot; placeholder=&amp;quot;Y Errors (optional)&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
  &amp;lt;button onclick=&amp;quot;plotData()&amp;quot;&amp;gt;Plot&amp;lt;/button&amp;gt;&lt;br /&gt;
  &amp;lt;button onclick=&amp;quot;downloadPlot()&amp;quot;&amp;gt;Download Chart&amp;lt;/button&amp;gt;&lt;br /&gt;
  &amp;lt;div id=&amp;quot;plot&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div id=&amp;quot;my-widget-container&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;!-- Widget content will be rendered here --&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;script src=&amp;quot;https://cdn.plot.ly/plotly-latest.min.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;br /&gt;
&amp;lt;script&amp;gt;&lt;br /&gt;
    function parseValues(id) {&lt;br /&gt;
      const val = document.getElementById(id).value.trim();&lt;br /&gt;
      return val === &amp;quot;&amp;quot; ? [] : val.split(/\s+/).map(Number);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function plotData() {&lt;br /&gt;
      const x = parseValues(&#039;xValues&#039;);&lt;br /&gt;
      const y = parseValues(&#039;yValues&#039;);&lt;br /&gt;
      const xErr = parseValues(&#039;xErrors&#039;);&lt;br /&gt;
      const yErr = parseValues(&#039;yErrors&#039;);&lt;br /&gt;
      const xLabel = document.getElementById(&#039;xLabel&#039;).value || &#039;X Axis&#039;;&lt;br /&gt;
      const yLabel = document.getElementById(&#039;yLabel&#039;).value || &#039;Y Axis&#039;;&lt;br /&gt;
&lt;br /&gt;
      if (x.length !== y.length) {&lt;br /&gt;
        alert(&#039;X and Y values must be the same length.&#039;);&lt;br /&gt;
        return;&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const N = 10000;&lt;br /&gt;
      const slopes = [], intercepts = [];&lt;br /&gt;
&lt;br /&gt;
      function randn_bm() {&lt;br /&gt;
        let u = 0, v = 0;&lt;br /&gt;
        while (u === 0) u = Math.random();&lt;br /&gt;
        while (v === 0) v = Math.random();&lt;br /&gt;
        return Math.sqrt(-2.0 * Math.log(u)) * Math.cos(2.0 * Math.PI * v);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      function linregress(xs, ys) {&lt;br /&gt;
        const n = xs.length;&lt;br /&gt;
        const xMean = xs.reduce((a, b) =&amp;gt; a + b, 0) / n;&lt;br /&gt;
        const yMean = ys.reduce((a, b) =&amp;gt; a + b, 0) / n;&lt;br /&gt;
        let num = 0, den = 0;&lt;br /&gt;
        for (let i = 0; i &amp;lt; n; i++) {&lt;br /&gt;
          num += (xs[i] - xMean) * (ys[i] - yMean);&lt;br /&gt;
          den += (xs[i] - xMean) ** 2;&lt;br /&gt;
        }&lt;br /&gt;
        const slope = num / den;&lt;br /&gt;
        const intercept = yMean - slope * xMean;&lt;br /&gt;
        return { slope, intercept };&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      for (let i = 0; i &amp;lt; N; i++) {&lt;br /&gt;
        const xSim = x.map((xi, j) =&amp;gt; xi + randn_bm() * (xErr[j] || 0));&lt;br /&gt;
        const ySim = y.map((yi, j) =&amp;gt; yi + randn_bm() * (yErr[j] || 0));&lt;br /&gt;
        const { slope, intercept } = linregress(xSim, ySim);&lt;br /&gt;
        if (isFinite(slope) &amp;amp;&amp;amp; isFinite(intercept)) {&lt;br /&gt;
          slopes.push(slope);&lt;br /&gt;
          intercepts.push(intercept);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const xRange = [];&lt;br /&gt;
      const xmin = Math.min(...x), xmax = Math.max(...x);&lt;br /&gt;
      const steps = 100;&lt;br /&gt;
      const step = (xmax - xmin) / steps;&lt;br /&gt;
      for (let i = 0; i &amp;lt;= steps; i++) {&lt;br /&gt;
        xRange.push(xmin + i * step);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const lower = [], upper = [], meanLine = [];&lt;br /&gt;
      for (let xi of xRange) {&lt;br /&gt;
        const ySamples = slopes.map((m, i) =&amp;gt; m * xi + intercepts[i]);&lt;br /&gt;
        ySamples.sort((a, b) =&amp;gt; a - b);&lt;br /&gt;
        const lo = ySamples[Math.floor(0.025 * ySamples.length)];&lt;br /&gt;
        const hi = ySamples[Math.floor(0.975 * ySamples.length)];&lt;br /&gt;
        const avg = ySamples.reduce((a, b) =&amp;gt; a + b, 0) / ySamples.length;&lt;br /&gt;
        lower.push(lo);&lt;br /&gt;
        upper.push(hi);&lt;br /&gt;
        meanLine.push(avg);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const mean = arr =&amp;gt; arr.reduce((a, b) =&amp;gt; a + b, 0) / arr.length;&lt;br /&gt;
      const std = arr =&amp;gt; {&lt;br /&gt;
        const m = mean(arr);&lt;br /&gt;
        return Math.sqrt(arr.reduce((s, v) =&amp;gt; s + (v - m) ** 2, 0) / (arr.length - 1));&lt;br /&gt;
      };&lt;br /&gt;
      const slopeStat = { mean: mean(slopes), std: std(slopes) };&lt;br /&gt;
      const interceptStat = { mean: mean(intercepts), std: std(intercepts) };&lt;br /&gt;
&lt;br /&gt;
      const annotationText = `y = (${slopeStat.mean.toExponential(3)} ± ${slopeStat.std.toExponential(3)})x + (${interceptStat.mean.toExponential(3)} ± ${interceptStat.std.toExponential(3)})`;&lt;br /&gt;
&lt;br /&gt;
      const data = [];&lt;br /&gt;
&lt;br /&gt;
      // Original data points with error bars&lt;br /&gt;
      data.push({&lt;br /&gt;
        x: x,&lt;br /&gt;
        y: y,&lt;br /&gt;
        mode: &#039;markers&#039;,&lt;br /&gt;
        type: &#039;scatter&#039;,&lt;br /&gt;
        name: &#039;Data&#039;,&lt;br /&gt;
        marker: { color: &#039;black&#039;, size: 7, symbol: &#039;x-thin-open&#039; },&lt;br /&gt;
        error_x: xErr.length === x.length ? {&lt;br /&gt;
          type: &#039;data&#039;,&lt;br /&gt;
          array: xErr,&lt;br /&gt;
          visible: true&lt;br /&gt;
        } : undefined,&lt;br /&gt;
        error_y: yErr.length === y.length ? {&lt;br /&gt;
          type: &#039;data&#039;,&lt;br /&gt;
          array: yErr,&lt;br /&gt;
          visible: true&lt;br /&gt;
        } : undefined&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      // Confidence band&lt;br /&gt;
      data.push({&lt;br /&gt;
        x: [...xRange, ...xRange.slice().reverse()],&lt;br /&gt;
        y: [...upper, ...lower.slice().reverse()],&lt;br /&gt;
        fill: &#039;toself&#039;,&lt;br /&gt;
        fillcolor: &#039;rgba(255, 0, 0, 0.2)&#039;,&lt;br /&gt;
        line: { color: &#039;transparent&#039; },&lt;br /&gt;
        name: &#039;95% Confidence Band&#039;,&lt;br /&gt;
        type: &#039;scatter&#039;,&lt;br /&gt;
        showlegend: false&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      // Mean regression line&lt;br /&gt;
      data.push({&lt;br /&gt;
        x: xRange,&lt;br /&gt;
        y: meanLine,&lt;br /&gt;
        mode: &#039;lines&#039;,&lt;br /&gt;
        type: &#039;scatter&#039;,&lt;br /&gt;
        name: &#039;Mean Fit&#039;,&lt;br /&gt;
        line: { color: &#039;red&#039;, width: 2 }&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      const layout = {&lt;br /&gt;
        title: &#039;&#039;,&lt;br /&gt;
        xaxis: { title: xLabel },&lt;br /&gt;
        yaxis: { title: yLabel },&lt;br /&gt;
        showlegend: false,&lt;br /&gt;
        annotations: [{&lt;br /&gt;
          x: 0.05,&lt;br /&gt;
          y: 0.95,&lt;br /&gt;
          xref: &#039;paper&#039;,&lt;br /&gt;
          yref: &#039;paper&#039;,&lt;br /&gt;
          text: annotationText,&lt;br /&gt;
          showarrow: false,&lt;br /&gt;
          font: { color: &#039;black&#039;, size: 14 }&lt;br /&gt;
        }]&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
      Plotly.newPlot(&#039;plot&#039;, data, layout);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function downloadPlot() {&lt;br /&gt;
      Plotly.downloadImage(&#039;plot&#039;, { format: &#039;png&#039;, filename: &#039;monte_carlo_regression&#039; });&lt;br /&gt;
    }&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;/div&gt;</summary>
		<author><name>Wikiroot</name></author>
	</entry>
	<entry>
		<id>https://euler.vaniercollege.qc.ca/gwikis/pwiki/index.php?title=Widget:Monte_Carlo_Regression&amp;diff=1357</id>
		<title>Widget:Monte Carlo Regression</title>
		<link rel="alternate" type="text/html" href="https://euler.vaniercollege.qc.ca/gwikis/pwiki/index.php?title=Widget:Monte_Carlo_Regression&amp;diff=1357"/>
		<updated>2025-08-29T14:41:03Z</updated>

		<summary type="html">&lt;p&gt;Wikiroot: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;script src=&amp;quot;https://cdn.plot.ly/plotly-latest.min.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;br /&gt;
&amp;lt;script&amp;gt;&lt;br /&gt;
    function parseValues(id) {&lt;br /&gt;
      const val = document.getElementById(id).value.trim();&lt;br /&gt;
      return val === &amp;quot;&amp;quot; ? [] : val.split(/\s+/).map(Number);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function plotData() {&lt;br /&gt;
      const x = parseValues(&#039;xValues&#039;);&lt;br /&gt;
      const y = parseValues(&#039;yValues&#039;);&lt;br /&gt;
      const xErr = parseValues(&#039;xErrors&#039;);&lt;br /&gt;
      const yErr = parseValues(&#039;yErrors&#039;);&lt;br /&gt;
      const xLabel = document.getElementById(&#039;xLabel&#039;).value || &#039;X Axis&#039;;&lt;br /&gt;
      const yLabel = document.getElementById(&#039;yLabel&#039;).value || &#039;Y Axis&#039;;&lt;br /&gt;
&lt;br /&gt;
      if (x.length !== y.length) {&lt;br /&gt;
        alert(&#039;X and Y values must be the same length.&#039;);&lt;br /&gt;
        return;&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const N = 10000;&lt;br /&gt;
      const slopes = [], intercepts = [];&lt;br /&gt;
&lt;br /&gt;
      function randn_bm() {&lt;br /&gt;
        let u = 0, v = 0;&lt;br /&gt;
        while (u === 0) u = Math.random();&lt;br /&gt;
        while (v === 0) v = Math.random();&lt;br /&gt;
        return Math.sqrt(-2.0 * Math.log(u)) * Math.cos(2.0 * Math.PI * v);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      function linregress(xs, ys) {&lt;br /&gt;
        const n = xs.length;&lt;br /&gt;
        const xMean = xs.reduce((a, b) =&amp;gt; a + b, 0) / n;&lt;br /&gt;
        const yMean = ys.reduce((a, b) =&amp;gt; a + b, 0) / n;&lt;br /&gt;
        let num = 0, den = 0;&lt;br /&gt;
        for (let i = 0; i &amp;lt; n; i++) {&lt;br /&gt;
          num += (xs[i] - xMean) * (ys[i] - yMean);&lt;br /&gt;
          den += (xs[i] - xMean) ** 2;&lt;br /&gt;
        }&lt;br /&gt;
        const slope = num / den;&lt;br /&gt;
        const intercept = yMean - slope * xMean;&lt;br /&gt;
        return { slope, intercept };&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      for (let i = 0; i &amp;lt; N; i++) {&lt;br /&gt;
        const xSim = x.map((xi, j) =&amp;gt; xi + randn_bm() * (xErr[j] || 0));&lt;br /&gt;
        const ySim = y.map((yi, j) =&amp;gt; yi + randn_bm() * (yErr[j] || 0));&lt;br /&gt;
        const { slope, intercept } = linregress(xSim, ySim);&lt;br /&gt;
        if (isFinite(slope) &amp;amp;&amp;amp; isFinite(intercept)) {&lt;br /&gt;
          slopes.push(slope);&lt;br /&gt;
          intercepts.push(intercept);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const xRange = [];&lt;br /&gt;
      const xmin = Math.min(...x), xmax = Math.max(...x);&lt;br /&gt;
      const steps = 100;&lt;br /&gt;
      const step = (xmax - xmin) / steps;&lt;br /&gt;
      for (let i = 0; i &amp;lt;= steps; i++) {&lt;br /&gt;
        xRange.push(xmin + i * step);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const lower = [], upper = [], meanLine = [];&lt;br /&gt;
      for (let xi of xRange) {&lt;br /&gt;
        const ySamples = slopes.map((m, i) =&amp;gt; m * xi + intercepts[i]);&lt;br /&gt;
        ySamples.sort((a, b) =&amp;gt; a - b);&lt;br /&gt;
        const lo = ySamples[Math.floor(0.025 * ySamples.length)];&lt;br /&gt;
        const hi = ySamples[Math.floor(0.975 * ySamples.length)];&lt;br /&gt;
        const avg = ySamples.reduce((a, b) =&amp;gt; a + b, 0) / ySamples.length;&lt;br /&gt;
        lower.push(lo);&lt;br /&gt;
        upper.push(hi);&lt;br /&gt;
        meanLine.push(avg);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const mean = arr =&amp;gt; arr.reduce((a, b) =&amp;gt; a + b, 0) / arr.length;&lt;br /&gt;
      const std = arr =&amp;gt; {&lt;br /&gt;
        const m = mean(arr);&lt;br /&gt;
        return Math.sqrt(arr.reduce((s, v) =&amp;gt; s + (v - m) ** 2, 0) / (arr.length - 1));&lt;br /&gt;
      };&lt;br /&gt;
      const slopeStat = { mean: mean(slopes), std: std(slopes) };&lt;br /&gt;
      const interceptStat = { mean: mean(intercepts), std: std(intercepts) };&lt;br /&gt;
&lt;br /&gt;
      const annotationText = `y = (${slopeStat.mean.toExponential(3)} ± ${slopeStat.std.toExponential(3)})x + (${interceptStat.mean.toExponential(3)} ± ${interceptStat.std.toExponential(3)})`;&lt;br /&gt;
&lt;br /&gt;
      const data = [];&lt;br /&gt;
&lt;br /&gt;
      // Original data points with error bars&lt;br /&gt;
      data.push({&lt;br /&gt;
        x: x,&lt;br /&gt;
        y: y,&lt;br /&gt;
        mode: &#039;markers&#039;,&lt;br /&gt;
        type: &#039;scatter&#039;,&lt;br /&gt;
        name: &#039;Data&#039;,&lt;br /&gt;
        marker: { color: &#039;black&#039;, size: 7, symbol: &#039;x-thin-open&#039; },&lt;br /&gt;
        error_x: xErr.length === x.length ? {&lt;br /&gt;
          type: &#039;data&#039;,&lt;br /&gt;
          array: xErr,&lt;br /&gt;
          visible: true&lt;br /&gt;
        } : undefined,&lt;br /&gt;
        error_y: yErr.length === y.length ? {&lt;br /&gt;
          type: &#039;data&#039;,&lt;br /&gt;
          array: yErr,&lt;br /&gt;
          visible: true&lt;br /&gt;
        } : undefined&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      // Confidence band&lt;br /&gt;
      data.push({&lt;br /&gt;
        x: [...xRange, ...xRange.slice().reverse()],&lt;br /&gt;
        y: [...upper, ...lower.slice().reverse()],&lt;br /&gt;
        fill: &#039;toself&#039;,&lt;br /&gt;
        fillcolor: &#039;rgba(255, 0, 0, 0.2)&#039;,&lt;br /&gt;
        line: { color: &#039;transparent&#039; },&lt;br /&gt;
        name: &#039;95% Confidence Band&#039;,&lt;br /&gt;
        type: &#039;scatter&#039;,&lt;br /&gt;
        showlegend: false&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      // Mean regression line&lt;br /&gt;
      data.push({&lt;br /&gt;
        x: xRange,&lt;br /&gt;
        y: meanLine,&lt;br /&gt;
        mode: &#039;lines&#039;,&lt;br /&gt;
        type: &#039;scatter&#039;,&lt;br /&gt;
        name: &#039;Mean Fit&#039;,&lt;br /&gt;
        line: { color: &#039;red&#039;, width: 2 }&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      const layout = {&lt;br /&gt;
        title: &#039;&#039;,&lt;br /&gt;
        xaxis: { title: xLabel },&lt;br /&gt;
        yaxis: { title: yLabel },&lt;br /&gt;
        showlegend: false,&lt;br /&gt;
        annotations: [{&lt;br /&gt;
          x: 0.05,&lt;br /&gt;
          y: 0.95,&lt;br /&gt;
          xref: &#039;paper&#039;,&lt;br /&gt;
          yref: &#039;paper&#039;,&lt;br /&gt;
          text: annotationText,&lt;br /&gt;
          showarrow: false,&lt;br /&gt;
          font: { color: &#039;black&#039;, size: 14 }&lt;br /&gt;
        }]&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
      Plotly.newPlot(&#039;plot&#039;, data, layout);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function downloadPlot() {&lt;br /&gt;
      Plotly.downloadImage(&#039;plot&#039;, { format: &#039;png&#039;, filename: &#039;monte_carlo_regression&#039; });&lt;br /&gt;
    }&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;br /&gt;
&amp;lt;style&amp;gt;&lt;br /&gt;
   body {&lt;br /&gt;
      font-family: Arial, sans-serif;&lt;br /&gt;
      margin: 40px;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
    }&lt;br /&gt;
    .input-grid {&lt;br /&gt;
      display: grid;&lt;br /&gt;
      grid-template-columns: repeat(3, 1fr);&lt;br /&gt;
      gap: 15px;&lt;br /&gt;
      max-width: 900px;&lt;br /&gt;
      margin: 0 auto 30px;&lt;br /&gt;
    }&lt;br /&gt;
    .input-grid strong {&lt;br /&gt;
      font-size: 16px;&lt;br /&gt;
      grid-column: span 3;&lt;br /&gt;
      text-align: left;&lt;br /&gt;
      padding-top: 10px;&lt;br /&gt;
    }&lt;br /&gt;
    input[type=&amp;quot;text&amp;quot;] {&lt;br /&gt;
      padding: 8px;&lt;br /&gt;
      font-size: 14px;&lt;br /&gt;
      width: 100%;&lt;br /&gt;
    }&lt;br /&gt;
    button {&lt;br /&gt;
      padding: 10px 20px;&lt;br /&gt;
      margin: 10px;&lt;br /&gt;
      font-size: 16px;&lt;br /&gt;
      background-color: #4CAF50;&lt;br /&gt;
      color: white;&lt;br /&gt;
      border: none;&lt;br /&gt;
      border-radius: 4px;&lt;br /&gt;
      cursor: pointer;&lt;br /&gt;
    }&lt;br /&gt;
    button:hover {&lt;br /&gt;
      background-color: #45a049;&lt;br /&gt;
    }&lt;br /&gt;
    #plot {&lt;br /&gt;
      width: 100%;&lt;br /&gt;
      height: 75vh;&lt;br /&gt;
    }&lt;br /&gt;
 &amp;lt;/style&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;my-widget-container&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;h1&amp;gt;Monte Carlo Linear Regression with Confidence Band&amp;lt;/h1&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Paste your data from Excel into the boxes below. Includes both x and y errors.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
  &amp;lt;div class=&amp;quot;input-grid&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;Axis Labels&amp;lt;/strong&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;div style=&amp;quot;grid-column: span 3;&amp;quot;&amp;gt;&lt;br /&gt;
      &amp;lt;p&amp;gt;You can use HTML like &amp;lt;code&amp;gt;&amp;amp;lt;sub&amp;amp;gt;&amp;lt;/code&amp;gt; and &amp;lt;code&amp;gt;&amp;amp;lt;sup&amp;amp;gt;&amp;lt;/code&amp;gt; (e.g., H&amp;amp;lt;sub&amp;amp;gt;2&amp;amp;lt;/sub&amp;amp;gt;O → H&amp;lt;sub&amp;gt;2&amp;lt;/sub&amp;gt;O).&amp;lt;/p&amp;gt;&lt;br /&gt;
    &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;xLabel&amp;quot; placeholder=&amp;quot;X Axis Label&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;yLabel&amp;quot; placeholder=&amp;quot;Y Axis Label&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;X Values&amp;lt;/strong&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;xValues&amp;quot; placeholder=&amp;quot;X Values (space-separated)&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;xErrors&amp;quot; placeholder=&amp;quot;X Errors (optional)&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;Y Values&amp;lt;/strong&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;yValues&amp;quot; placeholder=&amp;quot;Y Values&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;yErrors&amp;quot; placeholder=&amp;quot;Y Errors (optional)&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
  &amp;lt;button onclick=&amp;quot;plotData()&amp;quot;&amp;gt;Plot&amp;lt;/button&amp;gt;&lt;br /&gt;
  &amp;lt;button onclick=&amp;quot;downloadPlot()&amp;quot;&amp;gt;Download Chart&amp;lt;/button&amp;gt;&lt;br /&gt;
  &amp;lt;div id=&amp;quot;plot&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div id=&amp;quot;my-widget-container&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;!-- Widget content will be rendered here --&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>Wikiroot</name></author>
	</entry>
	<entry>
		<id>https://euler.vaniercollege.qc.ca/gwikis/pwiki/index.php?title=Widget:Monte_Carlo_Regression&amp;diff=1356</id>
		<title>Widget:Monte Carlo Regression</title>
		<link rel="alternate" type="text/html" href="https://euler.vaniercollege.qc.ca/gwikis/pwiki/index.php?title=Widget:Monte_Carlo_Regression&amp;diff=1356"/>
		<updated>2025-08-29T14:34:23Z</updated>

		<summary type="html">&lt;p&gt;Wikiroot: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;script src=&amp;quot;https://cdn.plot.ly/plotly-latest.min.js&amp;quot;&amp;gt;&lt;br /&gt;
    function parseValues(id) {&lt;br /&gt;
      const val = document.getElementById(id).value.trim();&lt;br /&gt;
      return val === &amp;quot;&amp;quot; ? [] : val.split(/\s+/).map(Number);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function plotData() {&lt;br /&gt;
      const x = parseValues(&#039;xValues&#039;);&lt;br /&gt;
      const y = parseValues(&#039;yValues&#039;);&lt;br /&gt;
      const xErr = parseValues(&#039;xErrors&#039;);&lt;br /&gt;
      const yErr = parseValues(&#039;yErrors&#039;);&lt;br /&gt;
      const xLabel = document.getElementById(&#039;xLabel&#039;).value || &#039;X Axis&#039;;&lt;br /&gt;
      const yLabel = document.getElementById(&#039;yLabel&#039;).value || &#039;Y Axis&#039;;&lt;br /&gt;
&lt;br /&gt;
      if (x.length !== y.length) {&lt;br /&gt;
        alert(&#039;X and Y values must be the same length.&#039;);&lt;br /&gt;
        return;&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const N = 10000;&lt;br /&gt;
      const slopes = [], intercepts = [];&lt;br /&gt;
&lt;br /&gt;
      function randn_bm() {&lt;br /&gt;
        let u = 0, v = 0;&lt;br /&gt;
        while (u === 0) u = Math.random();&lt;br /&gt;
        while (v === 0) v = Math.random();&lt;br /&gt;
        return Math.sqrt(-2.0 * Math.log(u)) * Math.cos(2.0 * Math.PI * v);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      function linregress(xs, ys) {&lt;br /&gt;
        const n = xs.length;&lt;br /&gt;
        const xMean = xs.reduce((a, b) =&amp;gt; a + b, 0) / n;&lt;br /&gt;
        const yMean = ys.reduce((a, b) =&amp;gt; a + b, 0) / n;&lt;br /&gt;
        let num = 0, den = 0;&lt;br /&gt;
        for (let i = 0; i &amp;lt; n; i++) {&lt;br /&gt;
          num += (xs[i] - xMean) * (ys[i] - yMean);&lt;br /&gt;
          den += (xs[i] - xMean) ** 2;&lt;br /&gt;
        }&lt;br /&gt;
        const slope = num / den;&lt;br /&gt;
        const intercept = yMean - slope * xMean;&lt;br /&gt;
        return { slope, intercept };&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      for (let i = 0; i &amp;lt; N; i++) {&lt;br /&gt;
        const xSim = x.map((xi, j) =&amp;gt; xi + randn_bm() * (xErr[j] || 0));&lt;br /&gt;
        const ySim = y.map((yi, j) =&amp;gt; yi + randn_bm() * (yErr[j] || 0));&lt;br /&gt;
        const { slope, intercept } = linregress(xSim, ySim);&lt;br /&gt;
        if (isFinite(slope) &amp;amp;&amp;amp; isFinite(intercept)) {&lt;br /&gt;
          slopes.push(slope);&lt;br /&gt;
          intercepts.push(intercept);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const xRange = [];&lt;br /&gt;
      const xmin = Math.min(...x), xmax = Math.max(...x);&lt;br /&gt;
      const steps = 100;&lt;br /&gt;
      const step = (xmax - xmin) / steps;&lt;br /&gt;
      for (let i = 0; i &amp;lt;= steps; i++) {&lt;br /&gt;
        xRange.push(xmin + i * step);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const lower = [], upper = [], meanLine = [];&lt;br /&gt;
      for (let xi of xRange) {&lt;br /&gt;
        const ySamples = slopes.map((m, i) =&amp;gt; m * xi + intercepts[i]);&lt;br /&gt;
        ySamples.sort((a, b) =&amp;gt; a - b);&lt;br /&gt;
        const lo = ySamples[Math.floor(0.025 * ySamples.length)];&lt;br /&gt;
        const hi = ySamples[Math.floor(0.975 * ySamples.length)];&lt;br /&gt;
        const avg = ySamples.reduce((a, b) =&amp;gt; a + b, 0) / ySamples.length;&lt;br /&gt;
        lower.push(lo);&lt;br /&gt;
        upper.push(hi);&lt;br /&gt;
        meanLine.push(avg);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const mean = arr =&amp;gt; arr.reduce((a, b) =&amp;gt; a + b, 0) / arr.length;&lt;br /&gt;
      const std = arr =&amp;gt; {&lt;br /&gt;
        const m = mean(arr);&lt;br /&gt;
        return Math.sqrt(arr.reduce((s, v) =&amp;gt; s + (v - m) ** 2, 0) / (arr.length - 1));&lt;br /&gt;
      };&lt;br /&gt;
      const slopeStat = { mean: mean(slopes), std: std(slopes) };&lt;br /&gt;
      const interceptStat = { mean: mean(intercepts), std: std(intercepts) };&lt;br /&gt;
&lt;br /&gt;
      const annotationText = `y = (${slopeStat.mean.toExponential(3)} ± ${slopeStat.std.toExponential(3)})x + (${interceptStat.mean.toExponential(3)} ± ${interceptStat.std.toExponential(3)})`;&lt;br /&gt;
&lt;br /&gt;
      const data = [];&lt;br /&gt;
&lt;br /&gt;
      // Original data points with error bars&lt;br /&gt;
      data.push({&lt;br /&gt;
        x: x,&lt;br /&gt;
        y: y,&lt;br /&gt;
        mode: &#039;markers&#039;,&lt;br /&gt;
        type: &#039;scatter&#039;,&lt;br /&gt;
        name: &#039;Data&#039;,&lt;br /&gt;
        marker: { color: &#039;black&#039;, size: 7, symbol: &#039;x-thin-open&#039; },&lt;br /&gt;
        error_x: xErr.length === x.length ? {&lt;br /&gt;
          type: &#039;data&#039;,&lt;br /&gt;
          array: xErr,&lt;br /&gt;
          visible: true&lt;br /&gt;
        } : undefined,&lt;br /&gt;
        error_y: yErr.length === y.length ? {&lt;br /&gt;
          type: &#039;data&#039;,&lt;br /&gt;
          array: yErr,&lt;br /&gt;
          visible: true&lt;br /&gt;
        } : undefined&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      // Confidence band&lt;br /&gt;
      data.push({&lt;br /&gt;
        x: [...xRange, ...xRange.slice().reverse()],&lt;br /&gt;
        y: [...upper, ...lower.slice().reverse()],&lt;br /&gt;
        fill: &#039;toself&#039;,&lt;br /&gt;
        fillcolor: &#039;rgba(255, 0, 0, 0.2)&#039;,&lt;br /&gt;
        line: { color: &#039;transparent&#039; },&lt;br /&gt;
        name: &#039;95% Confidence Band&#039;,&lt;br /&gt;
        type: &#039;scatter&#039;,&lt;br /&gt;
        showlegend: false&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      // Mean regression line&lt;br /&gt;
      data.push({&lt;br /&gt;
        x: xRange,&lt;br /&gt;
        y: meanLine,&lt;br /&gt;
        mode: &#039;lines&#039;,&lt;br /&gt;
        type: &#039;scatter&#039;,&lt;br /&gt;
        name: &#039;Mean Fit&#039;,&lt;br /&gt;
        line: { color: &#039;red&#039;, width: 2 }&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      const layout = {&lt;br /&gt;
        title: &#039;&#039;,&lt;br /&gt;
        xaxis: { title: xLabel },&lt;br /&gt;
        yaxis: { title: yLabel },&lt;br /&gt;
        showlegend: false,&lt;br /&gt;
        annotations: [{&lt;br /&gt;
          x: 0.05,&lt;br /&gt;
          y: 0.95,&lt;br /&gt;
          xref: &#039;paper&#039;,&lt;br /&gt;
          yref: &#039;paper&#039;,&lt;br /&gt;
          text: annotationText,&lt;br /&gt;
          showarrow: false,&lt;br /&gt;
          font: { color: &#039;black&#039;, size: 14 }&lt;br /&gt;
        }]&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
      Plotly.newPlot(&#039;plot&#039;, data, layout);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function downloadPlot() {&lt;br /&gt;
      Plotly.downloadImage(&#039;plot&#039;, { format: &#039;png&#039;, filename: &#039;monte_carlo_regression&#039; });&lt;br /&gt;
    }&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;br /&gt;
&amp;lt;style&amp;gt;&lt;br /&gt;
   body {&lt;br /&gt;
      font-family: Arial, sans-serif;&lt;br /&gt;
      margin: 40px;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
    }&lt;br /&gt;
    .input-grid {&lt;br /&gt;
      display: grid;&lt;br /&gt;
      grid-template-columns: repeat(3, 1fr);&lt;br /&gt;
      gap: 15px;&lt;br /&gt;
      max-width: 900px;&lt;br /&gt;
      margin: 0 auto 30px;&lt;br /&gt;
    }&lt;br /&gt;
    .input-grid strong {&lt;br /&gt;
      font-size: 16px;&lt;br /&gt;
      grid-column: span 3;&lt;br /&gt;
      text-align: left;&lt;br /&gt;
      padding-top: 10px;&lt;br /&gt;
    }&lt;br /&gt;
    input[type=&amp;quot;text&amp;quot;] {&lt;br /&gt;
      padding: 8px;&lt;br /&gt;
      font-size: 14px;&lt;br /&gt;
      width: 100%;&lt;br /&gt;
    }&lt;br /&gt;
    button {&lt;br /&gt;
      padding: 10px 20px;&lt;br /&gt;
      margin: 10px;&lt;br /&gt;
      font-size: 16px;&lt;br /&gt;
      background-color: #4CAF50;&lt;br /&gt;
      color: white;&lt;br /&gt;
      border: none;&lt;br /&gt;
      border-radius: 4px;&lt;br /&gt;
      cursor: pointer;&lt;br /&gt;
    }&lt;br /&gt;
    button:hover {&lt;br /&gt;
      background-color: #45a049;&lt;br /&gt;
    }&lt;br /&gt;
    #plot {&lt;br /&gt;
      width: 100%;&lt;br /&gt;
      height: 75vh;&lt;br /&gt;
    }&lt;br /&gt;
 &amp;lt;/style&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;my-widget-container&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;h1&amp;gt;Monte Carlo Linear Regression with Confidence Band&amp;lt;/h1&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Paste your data from Excel into the boxes below. Includes both x and y errors.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
  &amp;lt;div class=&amp;quot;input-grid&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;Axis Labels&amp;lt;/strong&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;div style=&amp;quot;grid-column: span 3;&amp;quot;&amp;gt;&lt;br /&gt;
      &amp;lt;p&amp;gt;You can use HTML like &amp;lt;code&amp;gt;&amp;amp;lt;sub&amp;amp;gt;&amp;lt;/code&amp;gt; and &amp;lt;code&amp;gt;&amp;amp;lt;sup&amp;amp;gt;&amp;lt;/code&amp;gt; (e.g., H&amp;amp;lt;sub&amp;amp;gt;2&amp;amp;lt;/sub&amp;amp;gt;O → H&amp;lt;sub&amp;gt;2&amp;lt;/sub&amp;gt;O).&amp;lt;/p&amp;gt;&lt;br /&gt;
    &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;xLabel&amp;quot; placeholder=&amp;quot;X Axis Label&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;yLabel&amp;quot; placeholder=&amp;quot;Y Axis Label&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;X Values&amp;lt;/strong&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;xValues&amp;quot; placeholder=&amp;quot;X Values (space-separated)&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;xErrors&amp;quot; placeholder=&amp;quot;X Errors (optional)&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;Y Values&amp;lt;/strong&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;yValues&amp;quot; placeholder=&amp;quot;Y Values&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;yErrors&amp;quot; placeholder=&amp;quot;Y Errors (optional)&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
  &amp;lt;button onclick=&amp;quot;plotData()&amp;quot;&amp;gt;Plot&amp;lt;/button&amp;gt;&lt;br /&gt;
  &amp;lt;button onclick=&amp;quot;downloadPlot()&amp;quot;&amp;gt;Download Chart&amp;lt;/button&amp;gt;&lt;br /&gt;
  &amp;lt;div id=&amp;quot;plot&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div id=&amp;quot;my-widget-container&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;!-- Widget content will be rendered here --&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>Wikiroot</name></author>
	</entry>
	<entry>
		<id>https://euler.vaniercollege.qc.ca/gwikis/pwiki/index.php?title=Widget:Monte_Carlo_Regression&amp;diff=1355</id>
		<title>Widget:Monte Carlo Regression</title>
		<link rel="alternate" type="text/html" href="https://euler.vaniercollege.qc.ca/gwikis/pwiki/index.php?title=Widget:Monte_Carlo_Regression&amp;diff=1355"/>
		<updated>2025-08-29T14:32:16Z</updated>

		<summary type="html">&lt;p&gt;Wikiroot: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;script src=&amp;quot;https://cdn.plot.ly/plotly-latest.min.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;br /&gt;
&amp;lt;script&amp;gt;&lt;br /&gt;
    function parseValues(id) {&lt;br /&gt;
      const val = document.getElementById(id).value.trim();&lt;br /&gt;
      return val === &amp;quot;&amp;quot; ? [] : val.split(/\s+/).map(Number);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function plotData() {&lt;br /&gt;
      const x = parseValues(&#039;xValues&#039;);&lt;br /&gt;
      const y = parseValues(&#039;yValues&#039;);&lt;br /&gt;
      const xErr = parseValues(&#039;xErrors&#039;);&lt;br /&gt;
      const yErr = parseValues(&#039;yErrors&#039;);&lt;br /&gt;
      const xLabel = document.getElementById(&#039;xLabel&#039;).value || &#039;X Axis&#039;;&lt;br /&gt;
      const yLabel = document.getElementById(&#039;yLabel&#039;).value || &#039;Y Axis&#039;;&lt;br /&gt;
&lt;br /&gt;
      if (x.length !== y.length) {&lt;br /&gt;
        alert(&#039;X and Y values must be the same length.&#039;);&lt;br /&gt;
        return;&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const N = 10000;&lt;br /&gt;
      const slopes = [], intercepts = [];&lt;br /&gt;
&lt;br /&gt;
      function randn_bm() {&lt;br /&gt;
        let u = 0, v = 0;&lt;br /&gt;
        while (u === 0) u = Math.random();&lt;br /&gt;
        while (v === 0) v = Math.random();&lt;br /&gt;
        return Math.sqrt(-2.0 * Math.log(u)) * Math.cos(2.0 * Math.PI * v);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      function linregress(xs, ys) {&lt;br /&gt;
        const n = xs.length;&lt;br /&gt;
        const xMean = xs.reduce((a, b) =&amp;gt; a + b, 0) / n;&lt;br /&gt;
        const yMean = ys.reduce((a, b) =&amp;gt; a + b, 0) / n;&lt;br /&gt;
        let num = 0, den = 0;&lt;br /&gt;
        for (let i = 0; i &amp;lt; n; i++) {&lt;br /&gt;
          num += (xs[i] - xMean) * (ys[i] - yMean);&lt;br /&gt;
          den += (xs[i] - xMean) ** 2;&lt;br /&gt;
        }&lt;br /&gt;
        const slope = num / den;&lt;br /&gt;
        const intercept = yMean - slope * xMean;&lt;br /&gt;
        return { slope, intercept };&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      for (let i = 0; i &amp;lt; N; i++) {&lt;br /&gt;
        const xSim = x.map((xi, j) =&amp;gt; xi + randn_bm() * (xErr[j] || 0));&lt;br /&gt;
        const ySim = y.map((yi, j) =&amp;gt; yi + randn_bm() * (yErr[j] || 0));&lt;br /&gt;
        const { slope, intercept } = linregress(xSim, ySim);&lt;br /&gt;
        if (isFinite(slope) &amp;amp;&amp;amp; isFinite(intercept)) {&lt;br /&gt;
          slopes.push(slope);&lt;br /&gt;
          intercepts.push(intercept);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const xRange = [];&lt;br /&gt;
      const xmin = Math.min(...x), xmax = Math.max(...x);&lt;br /&gt;
      const steps = 100;&lt;br /&gt;
      const step = (xmax - xmin) / steps;&lt;br /&gt;
      for (let i = 0; i &amp;lt;= steps; i++) {&lt;br /&gt;
        xRange.push(xmin + i * step);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const lower = [], upper = [], meanLine = [];&lt;br /&gt;
      for (let xi of xRange) {&lt;br /&gt;
        const ySamples = slopes.map((m, i) =&amp;gt; m * xi + intercepts[i]);&lt;br /&gt;
        ySamples.sort((a, b) =&amp;gt; a - b);&lt;br /&gt;
        const lo = ySamples[Math.floor(0.025 * ySamples.length)];&lt;br /&gt;
        const hi = ySamples[Math.floor(0.975 * ySamples.length)];&lt;br /&gt;
        const avg = ySamples.reduce((a, b) =&amp;gt; a + b, 0) / ySamples.length;&lt;br /&gt;
        lower.push(lo);&lt;br /&gt;
        upper.push(hi);&lt;br /&gt;
        meanLine.push(avg);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const mean = arr =&amp;gt; arr.reduce((a, b) =&amp;gt; a + b, 0) / arr.length;&lt;br /&gt;
      const std = arr =&amp;gt; {&lt;br /&gt;
        const m = mean(arr);&lt;br /&gt;
        return Math.sqrt(arr.reduce((s, v) =&amp;gt; s + (v - m) ** 2, 0) / (arr.length - 1));&lt;br /&gt;
      };&lt;br /&gt;
      const slopeStat = { mean: mean(slopes), std: std(slopes) };&lt;br /&gt;
      const interceptStat = { mean: mean(intercepts), std: std(intercepts) };&lt;br /&gt;
&lt;br /&gt;
      const annotationText = `y = (${slopeStat.mean.toExponential(3)} ± ${slopeStat.std.toExponential(3)})x + (${interceptStat.mean.toExponential(3)} ± ${interceptStat.std.toExponential(3)})`;&lt;br /&gt;
&lt;br /&gt;
      const data = [];&lt;br /&gt;
&lt;br /&gt;
      // Original data points with error bars&lt;br /&gt;
      data.push({&lt;br /&gt;
        x: x,&lt;br /&gt;
        y: y,&lt;br /&gt;
        mode: &#039;markers&#039;,&lt;br /&gt;
        type: &#039;scatter&#039;,&lt;br /&gt;
        name: &#039;Data&#039;,&lt;br /&gt;
        marker: { color: &#039;black&#039;, size: 7, symbol: &#039;x-thin-open&#039; },&lt;br /&gt;
        error_x: xErr.length === x.length ? {&lt;br /&gt;
          type: &#039;data&#039;,&lt;br /&gt;
          array: xErr,&lt;br /&gt;
          visible: true&lt;br /&gt;
        } : undefined,&lt;br /&gt;
        error_y: yErr.length === y.length ? {&lt;br /&gt;
          type: &#039;data&#039;,&lt;br /&gt;
          array: yErr,&lt;br /&gt;
          visible: true&lt;br /&gt;
        } : undefined&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      // Confidence band&lt;br /&gt;
      data.push({&lt;br /&gt;
        x: [...xRange, ...xRange.slice().reverse()],&lt;br /&gt;
        y: [...upper, ...lower.slice().reverse()],&lt;br /&gt;
        fill: &#039;toself&#039;,&lt;br /&gt;
        fillcolor: &#039;rgba(255, 0, 0, 0.2)&#039;,&lt;br /&gt;
        line: { color: &#039;transparent&#039; },&lt;br /&gt;
        name: &#039;95% Confidence Band&#039;,&lt;br /&gt;
        type: &#039;scatter&#039;,&lt;br /&gt;
        showlegend: false&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      // Mean regression line&lt;br /&gt;
      data.push({&lt;br /&gt;
        x: xRange,&lt;br /&gt;
        y: meanLine,&lt;br /&gt;
        mode: &#039;lines&#039;,&lt;br /&gt;
        type: &#039;scatter&#039;,&lt;br /&gt;
        name: &#039;Mean Fit&#039;,&lt;br /&gt;
        line: { color: &#039;red&#039;, width: 2 }&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      const layout = {&lt;br /&gt;
        title: &#039;&#039;,&lt;br /&gt;
        xaxis: { title: xLabel },&lt;br /&gt;
        yaxis: { title: yLabel },&lt;br /&gt;
        showlegend: false,&lt;br /&gt;
        annotations: [{&lt;br /&gt;
          x: 0.05,&lt;br /&gt;
          y: 0.95,&lt;br /&gt;
          xref: &#039;paper&#039;,&lt;br /&gt;
          yref: &#039;paper&#039;,&lt;br /&gt;
          text: annotationText,&lt;br /&gt;
          showarrow: false,&lt;br /&gt;
          font: { color: &#039;black&#039;, size: 14 }&lt;br /&gt;
        }]&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
      Plotly.newPlot(&#039;plot&#039;, data, layout);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function downloadPlot() {&lt;br /&gt;
      Plotly.downloadImage(&#039;plot&#039;, { format: &#039;png&#039;, filename: &#039;monte_carlo_regression&#039; });&lt;br /&gt;
    }&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;br /&gt;
&amp;lt;style&amp;gt;&lt;br /&gt;
   body {&lt;br /&gt;
      font-family: Arial, sans-serif;&lt;br /&gt;
      margin: 40px;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
    }&lt;br /&gt;
    .input-grid {&lt;br /&gt;
      display: grid;&lt;br /&gt;
      grid-template-columns: repeat(3, 1fr);&lt;br /&gt;
      gap: 15px;&lt;br /&gt;
      max-width: 900px;&lt;br /&gt;
      margin: 0 auto 30px;&lt;br /&gt;
    }&lt;br /&gt;
    .input-grid strong {&lt;br /&gt;
      font-size: 16px;&lt;br /&gt;
      grid-column: span 3;&lt;br /&gt;
      text-align: left;&lt;br /&gt;
      padding-top: 10px;&lt;br /&gt;
    }&lt;br /&gt;
    input[type=&amp;quot;text&amp;quot;] {&lt;br /&gt;
      padding: 8px;&lt;br /&gt;
      font-size: 14px;&lt;br /&gt;
      width: 100%;&lt;br /&gt;
    }&lt;br /&gt;
    button {&lt;br /&gt;
      padding: 10px 20px;&lt;br /&gt;
      margin: 10px;&lt;br /&gt;
      font-size: 16px;&lt;br /&gt;
      background-color: #4CAF50;&lt;br /&gt;
      color: white;&lt;br /&gt;
      border: none;&lt;br /&gt;
      border-radius: 4px;&lt;br /&gt;
      cursor: pointer;&lt;br /&gt;
    }&lt;br /&gt;
    button:hover {&lt;br /&gt;
      background-color: #45a049;&lt;br /&gt;
    }&lt;br /&gt;
    #plot {&lt;br /&gt;
      width: 100%;&lt;br /&gt;
      height: 75vh;&lt;br /&gt;
    }&lt;br /&gt;
 &amp;lt;/style&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;my-widget-container&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;h1&amp;gt;Monte Carlo Linear Regression with Confidence Band&amp;lt;/h1&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Paste your data from Excel into the boxes below. Includes both x and y errors.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
  &amp;lt;div class=&amp;quot;input-grid&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;Axis Labels&amp;lt;/strong&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;div style=&amp;quot;grid-column: span 3;&amp;quot;&amp;gt;&lt;br /&gt;
      &amp;lt;p&amp;gt;You can use HTML like &amp;lt;code&amp;gt;&amp;amp;lt;sub&amp;amp;gt;&amp;lt;/code&amp;gt; and &amp;lt;code&amp;gt;&amp;amp;lt;sup&amp;amp;gt;&amp;lt;/code&amp;gt; (e.g., H&amp;amp;lt;sub&amp;amp;gt;2&amp;amp;lt;/sub&amp;amp;gt;O → H&amp;lt;sub&amp;gt;2&amp;lt;/sub&amp;gt;O).&amp;lt;/p&amp;gt;&lt;br /&gt;
    &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;xLabel&amp;quot; placeholder=&amp;quot;X Axis Label&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;yLabel&amp;quot; placeholder=&amp;quot;Y Axis Label&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;X Values&amp;lt;/strong&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;xValues&amp;quot; placeholder=&amp;quot;X Values (space-separated)&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;xErrors&amp;quot; placeholder=&amp;quot;X Errors (optional)&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;Y Values&amp;lt;/strong&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;yValues&amp;quot; placeholder=&amp;quot;Y Values&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;yErrors&amp;quot; placeholder=&amp;quot;Y Errors (optional)&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
  &amp;lt;button onclick=&amp;quot;plotData()&amp;quot;&amp;gt;Plot&amp;lt;/button&amp;gt;&lt;br /&gt;
  &amp;lt;button onclick=&amp;quot;downloadPlot()&amp;quot;&amp;gt;Download Chart&amp;lt;/button&amp;gt;&lt;br /&gt;
  &amp;lt;div id=&amp;quot;plot&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div id=&amp;quot;my-widget-container&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;!-- Widget content will be rendered here --&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>Wikiroot</name></author>
	</entry>
	<entry>
		<id>https://euler.vaniercollege.qc.ca/gwikis/pwiki/index.php?title=Widget:Monte_Carlo_Regression&amp;diff=1354</id>
		<title>Widget:Monte Carlo Regression</title>
		<link rel="alternate" type="text/html" href="https://euler.vaniercollege.qc.ca/gwikis/pwiki/index.php?title=Widget:Monte_Carlo_Regression&amp;diff=1354"/>
		<updated>2025-08-29T14:25:41Z</updated>

		<summary type="html">&lt;p&gt;Wikiroot: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;script&amp;gt;&lt;br /&gt;
    function parseValues(id) {&lt;br /&gt;
      const val = document.getElementById(id).value.trim();&lt;br /&gt;
      return val === &amp;quot;&amp;quot; ? [] : val.split(/\s+/).map(Number);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function plotData() {&lt;br /&gt;
      const x = parseValues(&#039;xValues&#039;);&lt;br /&gt;
      const y = parseValues(&#039;yValues&#039;);&lt;br /&gt;
      const xErr = parseValues(&#039;xErrors&#039;);&lt;br /&gt;
      const yErr = parseValues(&#039;yErrors&#039;);&lt;br /&gt;
      const xLabel = document.getElementById(&#039;xLabel&#039;).value || &#039;X Axis&#039;;&lt;br /&gt;
      const yLabel = document.getElementById(&#039;yLabel&#039;).value || &#039;Y Axis&#039;;&lt;br /&gt;
&lt;br /&gt;
      if (x.length !== y.length) {&lt;br /&gt;
        alert(&#039;X and Y values must be the same length.&#039;);&lt;br /&gt;
        return;&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const N = 10000;&lt;br /&gt;
      const slopes = [], intercepts = [];&lt;br /&gt;
&lt;br /&gt;
      function randn_bm() {&lt;br /&gt;
        let u = 0, v = 0;&lt;br /&gt;
        while (u === 0) u = Math.random();&lt;br /&gt;
        while (v === 0) v = Math.random();&lt;br /&gt;
        return Math.sqrt(-2.0 * Math.log(u)) * Math.cos(2.0 * Math.PI * v);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      function linregress(xs, ys) {&lt;br /&gt;
        const n = xs.length;&lt;br /&gt;
        const xMean = xs.reduce((a, b) =&amp;gt; a + b, 0) / n;&lt;br /&gt;
        const yMean = ys.reduce((a, b) =&amp;gt; a + b, 0) / n;&lt;br /&gt;
        let num = 0, den = 0;&lt;br /&gt;
        for (let i = 0; i &amp;lt; n; i++) {&lt;br /&gt;
          num += (xs[i] - xMean) * (ys[i] - yMean);&lt;br /&gt;
          den += (xs[i] - xMean) ** 2;&lt;br /&gt;
        }&lt;br /&gt;
        const slope = num / den;&lt;br /&gt;
        const intercept = yMean - slope * xMean;&lt;br /&gt;
        return { slope, intercept };&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      for (let i = 0; i &amp;lt; N; i++) {&lt;br /&gt;
        const xSim = x.map((xi, j) =&amp;gt; xi + randn_bm() * (xErr[j] || 0));&lt;br /&gt;
        const ySim = y.map((yi, j) =&amp;gt; yi + randn_bm() * (yErr[j] || 0));&lt;br /&gt;
        const { slope, intercept } = linregress(xSim, ySim);&lt;br /&gt;
        if (isFinite(slope) &amp;amp;&amp;amp; isFinite(intercept)) {&lt;br /&gt;
          slopes.push(slope);&lt;br /&gt;
          intercepts.push(intercept);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const xRange = [];&lt;br /&gt;
      const xmin = Math.min(...x), xmax = Math.max(...x);&lt;br /&gt;
      const steps = 100;&lt;br /&gt;
      const step = (xmax - xmin) / steps;&lt;br /&gt;
      for (let i = 0; i &amp;lt;= steps; i++) {&lt;br /&gt;
        xRange.push(xmin + i * step);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const lower = [], upper = [], meanLine = [];&lt;br /&gt;
      for (let xi of xRange) {&lt;br /&gt;
        const ySamples = slopes.map((m, i) =&amp;gt; m * xi + intercepts[i]);&lt;br /&gt;
        ySamples.sort((a, b) =&amp;gt; a - b);&lt;br /&gt;
        const lo = ySamples[Math.floor(0.025 * ySamples.length)];&lt;br /&gt;
        const hi = ySamples[Math.floor(0.975 * ySamples.length)];&lt;br /&gt;
        const avg = ySamples.reduce((a, b) =&amp;gt; a + b, 0) / ySamples.length;&lt;br /&gt;
        lower.push(lo);&lt;br /&gt;
        upper.push(hi);&lt;br /&gt;
        meanLine.push(avg);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const mean = arr =&amp;gt; arr.reduce((a, b) =&amp;gt; a + b, 0) / arr.length;&lt;br /&gt;
      const std = arr =&amp;gt; {&lt;br /&gt;
        const m = mean(arr);&lt;br /&gt;
        return Math.sqrt(arr.reduce((s, v) =&amp;gt; s + (v - m) ** 2, 0) / (arr.length - 1));&lt;br /&gt;
      };&lt;br /&gt;
      const slopeStat = { mean: mean(slopes), std: std(slopes) };&lt;br /&gt;
      const interceptStat = { mean: mean(intercepts), std: std(intercepts) };&lt;br /&gt;
&lt;br /&gt;
      const annotationText = `y = (${slopeStat.mean.toExponential(3)} ± ${slopeStat.std.toExponential(3)})x + (${interceptStat.mean.toExponential(3)} ± ${interceptStat.std.toExponential(3)})`;&lt;br /&gt;
&lt;br /&gt;
      const data = [];&lt;br /&gt;
&lt;br /&gt;
      // Original data points with error bars&lt;br /&gt;
      data.push({&lt;br /&gt;
        x: x,&lt;br /&gt;
        y: y,&lt;br /&gt;
        mode: &#039;markers&#039;,&lt;br /&gt;
        type: &#039;scatter&#039;,&lt;br /&gt;
        name: &#039;Data&#039;,&lt;br /&gt;
        marker: { color: &#039;black&#039;, size: 7, symbol: &#039;x-thin-open&#039; },&lt;br /&gt;
        error_x: xErr.length === x.length ? {&lt;br /&gt;
          type: &#039;data&#039;,&lt;br /&gt;
          array: xErr,&lt;br /&gt;
          visible: true&lt;br /&gt;
        } : undefined,&lt;br /&gt;
        error_y: yErr.length === y.length ? {&lt;br /&gt;
          type: &#039;data&#039;,&lt;br /&gt;
          array: yErr,&lt;br /&gt;
          visible: true&lt;br /&gt;
        } : undefined&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      // Confidence band&lt;br /&gt;
      data.push({&lt;br /&gt;
        x: [...xRange, ...xRange.slice().reverse()],&lt;br /&gt;
        y: [...upper, ...lower.slice().reverse()],&lt;br /&gt;
        fill: &#039;toself&#039;,&lt;br /&gt;
        fillcolor: &#039;rgba(255, 0, 0, 0.2)&#039;,&lt;br /&gt;
        line: { color: &#039;transparent&#039; },&lt;br /&gt;
        name: &#039;95% Confidence Band&#039;,&lt;br /&gt;
        type: &#039;scatter&#039;,&lt;br /&gt;
        showlegend: false&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      // Mean regression line&lt;br /&gt;
      data.push({&lt;br /&gt;
        x: xRange,&lt;br /&gt;
        y: meanLine,&lt;br /&gt;
        mode: &#039;lines&#039;,&lt;br /&gt;
        type: &#039;scatter&#039;,&lt;br /&gt;
        name: &#039;Mean Fit&#039;,&lt;br /&gt;
        line: { color: &#039;red&#039;, width: 2 }&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      const layout = {&lt;br /&gt;
        title: &#039;&#039;,&lt;br /&gt;
        xaxis: { title: xLabel },&lt;br /&gt;
        yaxis: { title: yLabel },&lt;br /&gt;
        showlegend: false,&lt;br /&gt;
        annotations: [{&lt;br /&gt;
          x: 0.05,&lt;br /&gt;
          y: 0.95,&lt;br /&gt;
          xref: &#039;paper&#039;,&lt;br /&gt;
          yref: &#039;paper&#039;,&lt;br /&gt;
          text: annotationText,&lt;br /&gt;
          showarrow: false,&lt;br /&gt;
          font: { color: &#039;black&#039;, size: 14 }&lt;br /&gt;
        }]&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
      Plotly.newPlot(&#039;plot&#039;, data, layout);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function downloadPlot() {&lt;br /&gt;
      Plotly.downloadImage(&#039;plot&#039;, { format: &#039;png&#039;, filename: &#039;monte_carlo_regression&#039; });&lt;br /&gt;
    }&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;br /&gt;
&amp;lt;style&amp;gt;&lt;br /&gt;
   body {&lt;br /&gt;
      font-family: Arial, sans-serif;&lt;br /&gt;
      margin: 40px;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
    }&lt;br /&gt;
    .input-grid {&lt;br /&gt;
      display: grid;&lt;br /&gt;
      grid-template-columns: repeat(3, 1fr);&lt;br /&gt;
      gap: 15px;&lt;br /&gt;
      max-width: 900px;&lt;br /&gt;
      margin: 0 auto 30px;&lt;br /&gt;
    }&lt;br /&gt;
    .input-grid strong {&lt;br /&gt;
      font-size: 16px;&lt;br /&gt;
      grid-column: span 3;&lt;br /&gt;
      text-align: left;&lt;br /&gt;
      padding-top: 10px;&lt;br /&gt;
    }&lt;br /&gt;
    input[type=&amp;quot;text&amp;quot;] {&lt;br /&gt;
      padding: 8px;&lt;br /&gt;
      font-size: 14px;&lt;br /&gt;
      width: 100%;&lt;br /&gt;
    }&lt;br /&gt;
    button {&lt;br /&gt;
      padding: 10px 20px;&lt;br /&gt;
      margin: 10px;&lt;br /&gt;
      font-size: 16px;&lt;br /&gt;
      background-color: #4CAF50;&lt;br /&gt;
      color: white;&lt;br /&gt;
      border: none;&lt;br /&gt;
      border-radius: 4px;&lt;br /&gt;
      cursor: pointer;&lt;br /&gt;
    }&lt;br /&gt;
    button:hover {&lt;br /&gt;
      background-color: #45a049;&lt;br /&gt;
    }&lt;br /&gt;
    #plot {&lt;br /&gt;
      width: 100%;&lt;br /&gt;
      height: 75vh;&lt;br /&gt;
    }&lt;br /&gt;
 &amp;lt;/style&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;my-widget-container&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;h1&amp;gt;Monte Carlo Linear Regression with Confidence Band&amp;lt;/h1&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Paste your data from Excel into the boxes below. Includes both x and y errors.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
  &amp;lt;div class=&amp;quot;input-grid&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;Axis Labels&amp;lt;/strong&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;div style=&amp;quot;grid-column: span 3;&amp;quot;&amp;gt;&lt;br /&gt;
      &amp;lt;p&amp;gt;You can use HTML like &amp;lt;code&amp;gt;&amp;amp;lt;sub&amp;amp;gt;&amp;lt;/code&amp;gt; and &amp;lt;code&amp;gt;&amp;amp;lt;sup&amp;amp;gt;&amp;lt;/code&amp;gt; (e.g., H&amp;amp;lt;sub&amp;amp;gt;2&amp;amp;lt;/sub&amp;amp;gt;O → H&amp;lt;sub&amp;gt;2&amp;lt;/sub&amp;gt;O).&amp;lt;/p&amp;gt;&lt;br /&gt;
    &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;xLabel&amp;quot; placeholder=&amp;quot;X Axis Label&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;yLabel&amp;quot; placeholder=&amp;quot;Y Axis Label&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;X Values&amp;lt;/strong&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;xValues&amp;quot; placeholder=&amp;quot;X Values (space-separated)&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;xErrors&amp;quot; placeholder=&amp;quot;X Errors (optional)&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;Y Values&amp;lt;/strong&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;yValues&amp;quot; placeholder=&amp;quot;Y Values&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;yErrors&amp;quot; placeholder=&amp;quot;Y Errors (optional)&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
  &amp;lt;button onclick=&amp;quot;plotData()&amp;quot;&amp;gt;Plot&amp;lt;/button&amp;gt;&lt;br /&gt;
  &amp;lt;button onclick=&amp;quot;downloadPlot()&amp;quot;&amp;gt;Download Chart&amp;lt;/button&amp;gt;&lt;br /&gt;
  &amp;lt;div id=&amp;quot;plot&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div id=&amp;quot;my-widget-container&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;!-- Widget content will be rendered here --&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>Wikiroot</name></author>
	</entry>
	<entry>
		<id>https://euler.vaniercollege.qc.ca/gwikis/pwiki/index.php?title=Monte_Carlo_Regression&amp;diff=1344</id>
		<title>Monte Carlo Regression</title>
		<link rel="alternate" type="text/html" href="https://euler.vaniercollege.qc.ca/gwikis/pwiki/index.php?title=Monte_Carlo_Regression&amp;diff=1344"/>
		<updated>2025-08-28T19:39:17Z</updated>

		<summary type="html">&lt;p&gt;Wikiroot: Replaced content with &amp;quot;{{#widget:Monte_Carlo_Regression}}&amp;quot;&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{#widget:Monte_Carlo_Regression}}&lt;/div&gt;</summary>
		<author><name>Wikiroot</name></author>
	</entry>
	<entry>
		<id>https://euler.vaniercollege.qc.ca/gwikis/pwiki/index.php?title=Monte_Carlo_Regression&amp;diff=1343</id>
		<title>Monte Carlo Regression</title>
		<link rel="alternate" type="text/html" href="https://euler.vaniercollege.qc.ca/gwikis/pwiki/index.php?title=Monte_Carlo_Regression&amp;diff=1343"/>
		<updated>2025-08-28T19:38:17Z</updated>

		<summary type="html">&lt;p&gt;Wikiroot: Created page with &amp;quot;&amp;lt;style&amp;gt;     body {       font-family: Arial, sans-serif;       margin: 40px;       text-align: center;     }     .input-grid {       display: grid;       grid-template-columns: repeat(3, 1fr);       gap: 15px;       max-width: 900px;       margin: 0 auto 30px;     }     .input-grid strong {       font-size: 16px;       grid-column: span 3;       text-align: left;       padding-top: 10px;     }     input[type=&amp;quot;text&amp;quot;] {       padding: 8px;       font-size: 14px;       widt...&amp;quot;&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;style&amp;gt;&lt;br /&gt;
    body {&lt;br /&gt;
      font-family: Arial, sans-serif;&lt;br /&gt;
      margin: 40px;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
    }&lt;br /&gt;
    .input-grid {&lt;br /&gt;
      display: grid;&lt;br /&gt;
      grid-template-columns: repeat(3, 1fr);&lt;br /&gt;
      gap: 15px;&lt;br /&gt;
      max-width: 900px;&lt;br /&gt;
      margin: 0 auto 30px;&lt;br /&gt;
    }&lt;br /&gt;
    .input-grid strong {&lt;br /&gt;
      font-size: 16px;&lt;br /&gt;
      grid-column: span 3;&lt;br /&gt;
      text-align: left;&lt;br /&gt;
      padding-top: 10px;&lt;br /&gt;
    }&lt;br /&gt;
    input[type=&amp;quot;text&amp;quot;] {&lt;br /&gt;
      padding: 8px;&lt;br /&gt;
      font-size: 14px;&lt;br /&gt;
      width: 100%;&lt;br /&gt;
    }&lt;br /&gt;
    button {&lt;br /&gt;
      padding: 10px 20px;&lt;br /&gt;
      margin: 10px;&lt;br /&gt;
      font-size: 16px;&lt;br /&gt;
      background-color: #4CAF50;&lt;br /&gt;
      color: white;&lt;br /&gt;
      border: none;&lt;br /&gt;
      border-radius: 4px;&lt;br /&gt;
      cursor: pointer;&lt;br /&gt;
    }&lt;br /&gt;
    button:hover {&lt;br /&gt;
      background-color: #45a049;&lt;br /&gt;
    }&lt;br /&gt;
    #plot {&lt;br /&gt;
      width: 100%;&lt;br /&gt;
      height: 75vh;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/style&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;my-widget-container&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;h1&amp;gt;Monte Carlo Linear Regression with Confidence Band&amp;lt;/h1&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Paste your data from Excel into the boxes below. Includes both x and y errors.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
  &amp;lt;div class=&amp;quot;input-grid&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;Axis Labels&amp;lt;/strong&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;div style=&amp;quot;grid-column: span 3;&amp;quot;&amp;gt;&lt;br /&gt;
      &amp;lt;p&amp;gt;You can use HTML like &amp;lt;code&amp;gt;&amp;amp;lt;sub&amp;amp;gt;&amp;lt;/code&amp;gt; and &amp;lt;code&amp;gt;&amp;amp;lt;sup&amp;amp;gt;&amp;lt;/code&amp;gt; (e.g., H&amp;amp;lt;sub&amp;amp;gt;2&amp;amp;lt;/sub&amp;amp;gt;O → H&amp;lt;sub&amp;gt;2&amp;lt;/sub&amp;gt;O).&amp;lt;/p&amp;gt;&lt;br /&gt;
    &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;xLabel&amp;quot; placeholder=&amp;quot;X Axis Label&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;yLabel&amp;quot; placeholder=&amp;quot;Y Axis Label&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;X Values&amp;lt;/strong&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;xValues&amp;quot; placeholder=&amp;quot;X Values (space-separated)&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;xErrors&amp;quot; placeholder=&amp;quot;X Errors (optional)&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;Y Values&amp;lt;/strong&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;yValues&amp;quot; placeholder=&amp;quot;Y Values&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;yErrors&amp;quot; placeholder=&amp;quot;Y Errors (optional)&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
  &amp;lt;button onclick=&amp;quot;plotData()&amp;quot;&amp;gt;Plot&amp;lt;/button&amp;gt;&lt;br /&gt;
  &amp;lt;button onclick=&amp;quot;downloadPlot()&amp;quot;&amp;gt;Download Chart&amp;lt;/button&amp;gt;&lt;br /&gt;
  &amp;lt;div id=&amp;quot;plot&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;script&amp;gt;&lt;br /&gt;
    function parseValues(id) {&lt;br /&gt;
      const val = document.getElementById(id).value.trim();&lt;br /&gt;
      return val === &amp;quot;&amp;quot; ? [] : val.split(/\s+/).map(Number);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function plotData() {&lt;br /&gt;
      const x = parseValues(&#039;xValues&#039;);&lt;br /&gt;
      const y = parseValues(&#039;yValues&#039;);&lt;br /&gt;
      const xErr = parseValues(&#039;xErrors&#039;);&lt;br /&gt;
      const yErr = parseValues(&#039;yErrors&#039;);&lt;br /&gt;
      const xLabel = document.getElementById(&#039;xLabel&#039;).value || &#039;X Axis&#039;;&lt;br /&gt;
      const yLabel = document.getElementById(&#039;yLabel&#039;).value || &#039;Y Axis&#039;;&lt;br /&gt;
&lt;br /&gt;
      if (x.length !== y.length) {&lt;br /&gt;
        alert(&#039;X and Y values must be the same length.&#039;);&lt;br /&gt;
        return;&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const N = 10000;&lt;br /&gt;
      const slopes = [], intercepts = [];&lt;br /&gt;
&lt;br /&gt;
      function randn_bm() {&lt;br /&gt;
        let u = 0, v = 0;&lt;br /&gt;
        while (u === 0) u = Math.random();&lt;br /&gt;
        while (v === 0) v = Math.random();&lt;br /&gt;
        return Math.sqrt(-2.0 * Math.log(u)) * Math.cos(2.0 * Math.PI * v);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      function linregress(xs, ys) {&lt;br /&gt;
        const n = xs.length;&lt;br /&gt;
        const xMean = xs.reduce((a, b) =&amp;gt; a + b, 0) / n;&lt;br /&gt;
        const yMean = ys.reduce((a, b) =&amp;gt; a + b, 0) / n;&lt;br /&gt;
        let num = 0, den = 0;&lt;br /&gt;
        for (let i = 0; i &amp;lt; n; i++) {&lt;br /&gt;
          num += (xs[i] - xMean) * (ys[i] - yMean);&lt;br /&gt;
          den += (xs[i] - xMean) ** 2;&lt;br /&gt;
        }&lt;br /&gt;
        const slope = num / den;&lt;br /&gt;
        const intercept = yMean - slope * xMean;&lt;br /&gt;
        return { slope, intercept };&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      for (let i = 0; i &amp;lt; N; i++) {&lt;br /&gt;
        const xSim = x.map((xi, j) =&amp;gt; xi + randn_bm() * (xErr[j] || 0));&lt;br /&gt;
        const ySim = y.map((yi, j) =&amp;gt; yi + randn_bm() * (yErr[j] || 0));&lt;br /&gt;
        const { slope, intercept } = linregress(xSim, ySim);&lt;br /&gt;
        if (isFinite(slope) &amp;amp;&amp;amp; isFinite(intercept)) {&lt;br /&gt;
          slopes.push(slope);&lt;br /&gt;
          intercepts.push(intercept);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const xRange = [];&lt;br /&gt;
      const xmin = Math.min(...x), xmax = Math.max(...x);&lt;br /&gt;
      const steps = 100;&lt;br /&gt;
      const step = (xmax - xmin) / steps;&lt;br /&gt;
      for (let i = 0; i &amp;lt;= steps; i++) {&lt;br /&gt;
        xRange.push(xmin + i * step);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const lower = [], upper = [], meanLine = [];&lt;br /&gt;
      for (let xi of xRange) {&lt;br /&gt;
        const ySamples = slopes.map((m, i) =&amp;gt; m * xi + intercepts[i]);&lt;br /&gt;
        ySamples.sort((a, b) =&amp;gt; a - b);&lt;br /&gt;
        const lo = ySamples[Math.floor(0.025 * ySamples.length)];&lt;br /&gt;
        const hi = ySamples[Math.floor(0.975 * ySamples.length)];&lt;br /&gt;
        const avg = ySamples.reduce((a, b) =&amp;gt; a + b, 0) / ySamples.length;&lt;br /&gt;
        lower.push(lo);&lt;br /&gt;
        upper.push(hi);&lt;br /&gt;
        meanLine.push(avg);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const mean = arr =&amp;gt; arr.reduce((a, b) =&amp;gt; a + b, 0) / arr.length;&lt;br /&gt;
      const std = arr =&amp;gt; {&lt;br /&gt;
        const m = mean(arr);&lt;br /&gt;
        return Math.sqrt(arr.reduce((s, v) =&amp;gt; s + (v - m) ** 2, 0) / (arr.length - 1));&lt;br /&gt;
      };&lt;br /&gt;
      const slopeStat = { mean: mean(slopes), std: std(slopes) };&lt;br /&gt;
      const interceptStat = { mean: mean(intercepts), std: std(intercepts) };&lt;br /&gt;
&lt;br /&gt;
      const annotationText = `y = (${slopeStat.mean.toExponential(3)} ± ${slopeStat.std.toExponential(3)})x + (${interceptStat.mean.toExponential(3)} ± ${interceptStat.std.toExponential(3)})`;&lt;br /&gt;
&lt;br /&gt;
      const data = [];&lt;br /&gt;
&lt;br /&gt;
      // Original data points with error bars&lt;br /&gt;
      data.push({&lt;br /&gt;
        x: x,&lt;br /&gt;
        y: y,&lt;br /&gt;
        mode: &#039;markers&#039;,&lt;br /&gt;
        type: &#039;scatter&#039;,&lt;br /&gt;
        name: &#039;Data&#039;,&lt;br /&gt;
        marker: { color: &#039;black&#039;, size: 7, symbol: &#039;x-thin-open&#039; },&lt;br /&gt;
        error_x: xErr.length === x.length ? {&lt;br /&gt;
          type: &#039;data&#039;,&lt;br /&gt;
          array: xErr,&lt;br /&gt;
          visible: true&lt;br /&gt;
        } : undefined,&lt;br /&gt;
        error_y: yErr.length === y.length ? {&lt;br /&gt;
          type: &#039;data&#039;,&lt;br /&gt;
          array: yErr,&lt;br /&gt;
          visible: true&lt;br /&gt;
        } : undefined&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      // Confidence band&lt;br /&gt;
      data.push({&lt;br /&gt;
        x: [...xRange, ...xRange.slice().reverse()],&lt;br /&gt;
        y: [...upper, ...lower.slice().reverse()],&lt;br /&gt;
        fill: &#039;toself&#039;,&lt;br /&gt;
        fillcolor: &#039;rgba(255, 0, 0, 0.2)&#039;,&lt;br /&gt;
        line: { color: &#039;transparent&#039; },&lt;br /&gt;
        name: &#039;95% Confidence Band&#039;,&lt;br /&gt;
        type: &#039;scatter&#039;,&lt;br /&gt;
        showlegend: false&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      // Mean regression line&lt;br /&gt;
      data.push({&lt;br /&gt;
        x: xRange,&lt;br /&gt;
        y: meanLine,&lt;br /&gt;
        mode: &#039;lines&#039;,&lt;br /&gt;
        type: &#039;scatter&#039;,&lt;br /&gt;
        name: &#039;Mean Fit&#039;,&lt;br /&gt;
        line: { color: &#039;red&#039;, width: 2 }&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      const layout = {&lt;br /&gt;
        title: &#039;&#039;,&lt;br /&gt;
        xaxis: { title: xLabel },&lt;br /&gt;
        yaxis: { title: yLabel },&lt;br /&gt;
        showlegend: false,&lt;br /&gt;
        annotations: [{&lt;br /&gt;
          x: 0.05,&lt;br /&gt;
          y: 0.95,&lt;br /&gt;
          xref: &#039;paper&#039;,&lt;br /&gt;
          yref: &#039;paper&#039;,&lt;br /&gt;
          text: annotationText,&lt;br /&gt;
          showarrow: false,&lt;br /&gt;
          font: { color: &#039;black&#039;, size: 14 }&lt;br /&gt;
        }]&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
      Plotly.newPlot(&#039;plot&#039;, data, layout);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function downloadPlot() {&lt;br /&gt;
      Plotly.downloadImage(&#039;plot&#039;, { format: &#039;png&#039;, filename: &#039;monte_carlo_regression&#039; });&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;/div&gt;</summary>
		<author><name>Wikiroot</name></author>
	</entry>
	<entry>
		<id>https://euler.vaniercollege.qc.ca/gwikis/pwiki/index.php?title=Widget:Monte_Carlo_Regression&amp;diff=1342</id>
		<title>Widget:Monte Carlo Regression</title>
		<link rel="alternate" type="text/html" href="https://euler.vaniercollege.qc.ca/gwikis/pwiki/index.php?title=Widget:Monte_Carlo_Regression&amp;diff=1342"/>
		<updated>2025-08-28T19:29:25Z</updated>

		<summary type="html">&lt;p&gt;Wikiroot: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;div id=&amp;quot;my-widget-container&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;!-- Widget content will be rendered here --&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;style&amp;gt;&lt;br /&gt;
   body {&lt;br /&gt;
      font-family: Arial, sans-serif;&lt;br /&gt;
      margin: 40px;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
    }&lt;br /&gt;
    .input-grid {&lt;br /&gt;
      display: grid;&lt;br /&gt;
      grid-template-columns: repeat(3, 1fr);&lt;br /&gt;
      gap: 15px;&lt;br /&gt;
      max-width: 900px;&lt;br /&gt;
      margin: 0 auto 30px;&lt;br /&gt;
    }&lt;br /&gt;
    .input-grid strong {&lt;br /&gt;
      font-size: 16px;&lt;br /&gt;
      grid-column: span 3;&lt;br /&gt;
      text-align: left;&lt;br /&gt;
      padding-top: 10px;&lt;br /&gt;
    }&lt;br /&gt;
    input[type=&amp;quot;text&amp;quot;] {&lt;br /&gt;
      padding: 8px;&lt;br /&gt;
      font-size: 14px;&lt;br /&gt;
      width: 100%;&lt;br /&gt;
    }&lt;br /&gt;
    button {&lt;br /&gt;
      padding: 10px 20px;&lt;br /&gt;
      margin: 10px;&lt;br /&gt;
      font-size: 16px;&lt;br /&gt;
      background-color: #4CAF50;&lt;br /&gt;
      color: white;&lt;br /&gt;
      border: none;&lt;br /&gt;
      border-radius: 4px;&lt;br /&gt;
      cursor: pointer;&lt;br /&gt;
    }&lt;br /&gt;
    button:hover {&lt;br /&gt;
      background-color: #45a049;&lt;br /&gt;
    }&lt;br /&gt;
    #plot {&lt;br /&gt;
      width: 100%;&lt;br /&gt;
      height: 75vh;&lt;br /&gt;
    }&lt;br /&gt;
 &amp;lt;/style&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;my-widget-container&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;h1&amp;gt;Monte Carlo Linear Regression with Confidence Band&amp;lt;/h1&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Paste your data from Excel into the boxes below. Includes both x and y errors.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
  &amp;lt;div class=&amp;quot;input-grid&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;Axis Labels&amp;lt;/strong&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;div style=&amp;quot;grid-column: span 3;&amp;quot;&amp;gt;&lt;br /&gt;
      &amp;lt;p&amp;gt;You can use HTML like &amp;lt;code&amp;gt;&amp;amp;lt;sub&amp;amp;gt;&amp;lt;/code&amp;gt; and &amp;lt;code&amp;gt;&amp;amp;lt;sup&amp;amp;gt;&amp;lt;/code&amp;gt; (e.g., H&amp;amp;lt;sub&amp;amp;gt;2&amp;amp;lt;/sub&amp;amp;gt;O → H&amp;lt;sub&amp;gt;2&amp;lt;/sub&amp;gt;O).&amp;lt;/p&amp;gt;&lt;br /&gt;
    &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;xLabel&amp;quot; placeholder=&amp;quot;X Axis Label&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;yLabel&amp;quot; placeholder=&amp;quot;Y Axis Label&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;X Values&amp;lt;/strong&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;xValues&amp;quot; placeholder=&amp;quot;X Values (space-separated)&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;xErrors&amp;quot; placeholder=&amp;quot;X Errors (optional)&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;Y Values&amp;lt;/strong&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;yValues&amp;quot; placeholder=&amp;quot;Y Values&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;yErrors&amp;quot; placeholder=&amp;quot;Y Errors (optional)&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
  &amp;lt;button onclick=&amp;quot;plotData()&amp;quot;&amp;gt;Plot&amp;lt;/button&amp;gt;&lt;br /&gt;
  &amp;lt;button onclick=&amp;quot;downloadPlot()&amp;quot;&amp;gt;Download Chart&amp;lt;/button&amp;gt;&lt;br /&gt;
  &amp;lt;div id=&amp;quot;plot&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;script&amp;gt;&lt;br /&gt;
    function parseValues(id) {&lt;br /&gt;
      const val = document.getElementById(id).value.trim();&lt;br /&gt;
      return val === &amp;quot;&amp;quot; ? [] : val.split(/\s+/).map(Number);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function plotData() {&lt;br /&gt;
      const x = parseValues(&#039;xValues&#039;);&lt;br /&gt;
      const y = parseValues(&#039;yValues&#039;);&lt;br /&gt;
      const xErr = parseValues(&#039;xErrors&#039;);&lt;br /&gt;
      const yErr = parseValues(&#039;yErrors&#039;);&lt;br /&gt;
      const xLabel = document.getElementById(&#039;xLabel&#039;).value || &#039;X Axis&#039;;&lt;br /&gt;
      const yLabel = document.getElementById(&#039;yLabel&#039;).value || &#039;Y Axis&#039;;&lt;br /&gt;
&lt;br /&gt;
      if (x.length !== y.length) {&lt;br /&gt;
        alert(&#039;X and Y values must be the same length.&#039;);&lt;br /&gt;
        return;&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const N = 10000;&lt;br /&gt;
      const slopes = [], intercepts = [];&lt;br /&gt;
&lt;br /&gt;
      function randn_bm() {&lt;br /&gt;
        let u = 0, v = 0;&lt;br /&gt;
        while (u === 0) u = Math.random();&lt;br /&gt;
        while (v === 0) v = Math.random();&lt;br /&gt;
        return Math.sqrt(-2.0 * Math.log(u)) * Math.cos(2.0 * Math.PI * v);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      function linregress(xs, ys) {&lt;br /&gt;
        const n = xs.length;&lt;br /&gt;
        const xMean = xs.reduce((a, b) =&amp;gt; a + b, 0) / n;&lt;br /&gt;
        const yMean = ys.reduce((a, b) =&amp;gt; a + b, 0) / n;&lt;br /&gt;
        let num = 0, den = 0;&lt;br /&gt;
        for (let i = 0; i &amp;lt; n; i++) {&lt;br /&gt;
          num += (xs[i] - xMean) * (ys[i] - yMean);&lt;br /&gt;
          den += (xs[i] - xMean) ** 2;&lt;br /&gt;
        }&lt;br /&gt;
        const slope = num / den;&lt;br /&gt;
        const intercept = yMean - slope * xMean;&lt;br /&gt;
        return { slope, intercept };&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      for (let i = 0; i &amp;lt; N; i++) {&lt;br /&gt;
        const xSim = x.map((xi, j) =&amp;gt; xi + randn_bm() * (xErr[j] || 0));&lt;br /&gt;
        const ySim = y.map((yi, j) =&amp;gt; yi + randn_bm() * (yErr[j] || 0));&lt;br /&gt;
        const { slope, intercept } = linregress(xSim, ySim);&lt;br /&gt;
        if (isFinite(slope) &amp;amp;&amp;amp; isFinite(intercept)) {&lt;br /&gt;
          slopes.push(slope);&lt;br /&gt;
          intercepts.push(intercept);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const xRange = [];&lt;br /&gt;
      const xmin = Math.min(...x), xmax = Math.max(...x);&lt;br /&gt;
      const steps = 100;&lt;br /&gt;
      const step = (xmax - xmin) / steps;&lt;br /&gt;
      for (let i = 0; i &amp;lt;= steps; i++) {&lt;br /&gt;
        xRange.push(xmin + i * step);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const lower = [], upper = [], meanLine = [];&lt;br /&gt;
      for (let xi of xRange) {&lt;br /&gt;
        const ySamples = slopes.map((m, i) =&amp;gt; m * xi + intercepts[i]);&lt;br /&gt;
        ySamples.sort((a, b) =&amp;gt; a - b);&lt;br /&gt;
        const lo = ySamples[Math.floor(0.025 * ySamples.length)];&lt;br /&gt;
        const hi = ySamples[Math.floor(0.975 * ySamples.length)];&lt;br /&gt;
        const avg = ySamples.reduce((a, b) =&amp;gt; a + b, 0) / ySamples.length;&lt;br /&gt;
        lower.push(lo);&lt;br /&gt;
        upper.push(hi);&lt;br /&gt;
        meanLine.push(avg);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const mean = arr =&amp;gt; arr.reduce((a, b) =&amp;gt; a + b, 0) / arr.length;&lt;br /&gt;
      const std = arr =&amp;gt; {&lt;br /&gt;
        const m = mean(arr);&lt;br /&gt;
        return Math.sqrt(arr.reduce((s, v) =&amp;gt; s + (v - m) ** 2, 0) / (arr.length - 1));&lt;br /&gt;
      };&lt;br /&gt;
      const slopeStat = { mean: mean(slopes), std: std(slopes) };&lt;br /&gt;
      const interceptStat = { mean: mean(intercepts), std: std(intercepts) };&lt;br /&gt;
&lt;br /&gt;
      const annotationText = `y = (${slopeStat.mean.toExponential(3)} ± ${slopeStat.std.toExponential(3)})x + (${interceptStat.mean.toExponential(3)} ± ${interceptStat.std.toExponential(3)})`;&lt;br /&gt;
&lt;br /&gt;
      const data = [];&lt;br /&gt;
&lt;br /&gt;
      // Original data points with error bars&lt;br /&gt;
      data.push({&lt;br /&gt;
        x: x,&lt;br /&gt;
        y: y,&lt;br /&gt;
        mode: &#039;markers&#039;,&lt;br /&gt;
        type: &#039;scatter&#039;,&lt;br /&gt;
        name: &#039;Data&#039;,&lt;br /&gt;
        marker: { color: &#039;black&#039;, size: 7, symbol: &#039;x-thin-open&#039; },&lt;br /&gt;
        error_x: xErr.length === x.length ? {&lt;br /&gt;
          type: &#039;data&#039;,&lt;br /&gt;
          array: xErr,&lt;br /&gt;
          visible: true&lt;br /&gt;
        } : undefined,&lt;br /&gt;
        error_y: yErr.length === y.length ? {&lt;br /&gt;
          type: &#039;data&#039;,&lt;br /&gt;
          array: yErr,&lt;br /&gt;
          visible: true&lt;br /&gt;
        } : undefined&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      // Confidence band&lt;br /&gt;
      data.push({&lt;br /&gt;
        x: [...xRange, ...xRange.slice().reverse()],&lt;br /&gt;
        y: [...upper, ...lower.slice().reverse()],&lt;br /&gt;
        fill: &#039;toself&#039;,&lt;br /&gt;
        fillcolor: &#039;rgba(255, 0, 0, 0.2)&#039;,&lt;br /&gt;
        line: { color: &#039;transparent&#039; },&lt;br /&gt;
        name: &#039;95% Confidence Band&#039;,&lt;br /&gt;
        type: &#039;scatter&#039;,&lt;br /&gt;
        showlegend: false&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      // Mean regression line&lt;br /&gt;
      data.push({&lt;br /&gt;
        x: xRange,&lt;br /&gt;
        y: meanLine,&lt;br /&gt;
        mode: &#039;lines&#039;,&lt;br /&gt;
        type: &#039;scatter&#039;,&lt;br /&gt;
        name: &#039;Mean Fit&#039;,&lt;br /&gt;
        line: { color: &#039;red&#039;, width: 2 }&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      const layout = {&lt;br /&gt;
        title: &#039;&#039;,&lt;br /&gt;
        xaxis: { title: xLabel },&lt;br /&gt;
        yaxis: { title: yLabel },&lt;br /&gt;
        showlegend: false,&lt;br /&gt;
        annotations: [{&lt;br /&gt;
          x: 0.05,&lt;br /&gt;
          y: 0.95,&lt;br /&gt;
          xref: &#039;paper&#039;,&lt;br /&gt;
          yref: &#039;paper&#039;,&lt;br /&gt;
          text: annotationText,&lt;br /&gt;
          showarrow: false,&lt;br /&gt;
          font: { color: &#039;black&#039;, size: 14 }&lt;br /&gt;
        }]&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
      Plotly.newPlot(&#039;plot&#039;, data, layout);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function downloadPlot() {&lt;br /&gt;
      Plotly.downloadImage(&#039;plot&#039;, { format: &#039;png&#039;, filename: &#039;monte_carlo_regression&#039; });&lt;br /&gt;
    }&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;/div&gt;</summary>
		<author><name>Wikiroot</name></author>
	</entry>
	<entry>
		<id>https://euler.vaniercollege.qc.ca/gwikis/pwiki/index.php?title=Widget:Monte_Carlo_Regression&amp;diff=1341</id>
		<title>Widget:Monte Carlo Regression</title>
		<link rel="alternate" type="text/html" href="https://euler.vaniercollege.qc.ca/gwikis/pwiki/index.php?title=Widget:Monte_Carlo_Regression&amp;diff=1341"/>
		<updated>2025-08-28T19:19:40Z</updated>

		<summary type="html">&lt;p&gt;Wikiroot: Monte Carlo Regression&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;br /&gt;
&amp;lt;html lang=&amp;quot;en&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;head&amp;gt;&lt;br /&gt;
  &amp;lt;meta charset=&amp;quot;UTF-8&amp;quot; /&amp;gt;&lt;br /&gt;
  &amp;lt;meta name=&amp;quot;viewport&amp;quot; content=&amp;quot;width=device-width, initial-scale=1.0&amp;quot;/&amp;gt;&lt;br /&gt;
  &amp;lt;title&amp;gt;Monte Carlo Linear Fit with Confidence Band&amp;lt;/title&amp;gt;&lt;br /&gt;
  &amp;lt;script src=&amp;quot;https://cdn.plot.ly/plotly-latest.min.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;br /&gt;
  &amp;lt;style&amp;gt;&lt;br /&gt;
    body {&lt;br /&gt;
      font-family: Arial, sans-serif;&lt;br /&gt;
      margin: 40px;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
    }&lt;br /&gt;
    .input-grid {&lt;br /&gt;
      display: grid;&lt;br /&gt;
      grid-template-columns: repeat(3, 1fr);&lt;br /&gt;
      gap: 15px;&lt;br /&gt;
      max-width: 900px;&lt;br /&gt;
      margin: 0 auto 30px;&lt;br /&gt;
    }&lt;br /&gt;
    .input-grid strong {&lt;br /&gt;
      font-size: 16px;&lt;br /&gt;
      grid-column: span 3;&lt;br /&gt;
      text-align: left;&lt;br /&gt;
      padding-top: 10px;&lt;br /&gt;
    }&lt;br /&gt;
    input[type=&amp;quot;text&amp;quot;] {&lt;br /&gt;
      padding: 8px;&lt;br /&gt;
      font-size: 14px;&lt;br /&gt;
      width: 100%;&lt;br /&gt;
    }&lt;br /&gt;
    button {&lt;br /&gt;
      padding: 10px 20px;&lt;br /&gt;
      margin: 10px;&lt;br /&gt;
      font-size: 16px;&lt;br /&gt;
      background-color: #4CAF50;&lt;br /&gt;
      color: white;&lt;br /&gt;
      border: none;&lt;br /&gt;
      border-radius: 4px;&lt;br /&gt;
      cursor: pointer;&lt;br /&gt;
    }&lt;br /&gt;
    button:hover {&lt;br /&gt;
      background-color: #45a049;&lt;br /&gt;
    }&lt;br /&gt;
    #plot {&lt;br /&gt;
      width: 100%;&lt;br /&gt;
      height: 75vh;&lt;br /&gt;
    }&lt;br /&gt;
  &amp;lt;/style&amp;gt;&lt;br /&gt;
&amp;lt;/head&amp;gt;&lt;br /&gt;
&amp;lt;body&amp;gt;&lt;br /&gt;
  &amp;lt;h1&amp;gt;Monte Carlo Linear Regression with Confidence Band&amp;lt;/h1&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Paste your data from Excel into the boxes below. Includes both x and y errors.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;br /&gt;
  &amp;lt;div class=&amp;quot;input-grid&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;Axis Labels&amp;lt;/strong&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;div style=&amp;quot;grid-column: span 3;&amp;quot;&amp;gt;&lt;br /&gt;
      &amp;lt;p&amp;gt;You can use HTML like &amp;lt;code&amp;gt;&amp;amp;lt;sub&amp;amp;gt;&amp;lt;/code&amp;gt; and &amp;lt;code&amp;gt;&amp;amp;lt;sup&amp;amp;gt;&amp;lt;/code&amp;gt; (e.g., H&amp;amp;lt;sub&amp;amp;gt;2&amp;amp;lt;/sub&amp;amp;gt;O → H&amp;lt;sub&amp;gt;2&amp;lt;/sub&amp;gt;O).&amp;lt;/p&amp;gt;&lt;br /&gt;
    &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;xLabel&amp;quot; placeholder=&amp;quot;X Axis Label&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;yLabel&amp;quot; placeholder=&amp;quot;Y Axis Label&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;X Values&amp;lt;/strong&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;xValues&amp;quot; placeholder=&amp;quot;X Values (space-separated)&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;xErrors&amp;quot; placeholder=&amp;quot;X Errors (optional)&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;strong&amp;gt;Y Values&amp;lt;/strong&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;yValues&amp;quot; placeholder=&amp;quot;Y Values&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;yErrors&amp;quot; placeholder=&amp;quot;Y Errors (optional)&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
  &amp;lt;button onclick=&amp;quot;plotData()&amp;quot;&amp;gt;Plot&amp;lt;/button&amp;gt;&lt;br /&gt;
  &amp;lt;button onclick=&amp;quot;downloadPlot()&amp;quot;&amp;gt;Download Chart&amp;lt;/button&amp;gt;&lt;br /&gt;
  &amp;lt;div id=&amp;quot;plot&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
  &amp;lt;script&amp;gt;&lt;br /&gt;
    function parseValues(id) {&lt;br /&gt;
      const val = document.getElementById(id).value.trim();&lt;br /&gt;
      return val === &amp;quot;&amp;quot; ? [] : val.split(/\s+/).map(Number);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function plotData() {&lt;br /&gt;
      const x = parseValues(&#039;xValues&#039;);&lt;br /&gt;
      const y = parseValues(&#039;yValues&#039;);&lt;br /&gt;
      const xErr = parseValues(&#039;xErrors&#039;);&lt;br /&gt;
      const yErr = parseValues(&#039;yErrors&#039;);&lt;br /&gt;
      const xLabel = document.getElementById(&#039;xLabel&#039;).value || &#039;X Axis&#039;;&lt;br /&gt;
      const yLabel = document.getElementById(&#039;yLabel&#039;).value || &#039;Y Axis&#039;;&lt;br /&gt;
&lt;br /&gt;
      if (x.length !== y.length) {&lt;br /&gt;
        alert(&#039;X and Y values must be the same length.&#039;);&lt;br /&gt;
        return;&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const N = 10000;&lt;br /&gt;
      const slopes = [], intercepts = [];&lt;br /&gt;
&lt;br /&gt;
      function randn_bm() {&lt;br /&gt;
        let u = 0, v = 0;&lt;br /&gt;
        while (u === 0) u = Math.random();&lt;br /&gt;
        while (v === 0) v = Math.random();&lt;br /&gt;
        return Math.sqrt(-2.0 * Math.log(u)) * Math.cos(2.0 * Math.PI * v);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      function linregress(xs, ys) {&lt;br /&gt;
        const n = xs.length;&lt;br /&gt;
        const xMean = xs.reduce((a, b) =&amp;gt; a + b, 0) / n;&lt;br /&gt;
        const yMean = ys.reduce((a, b) =&amp;gt; a + b, 0) / n;&lt;br /&gt;
        let num = 0, den = 0;&lt;br /&gt;
        for (let i = 0; i &amp;lt; n; i++) {&lt;br /&gt;
          num += (xs[i] - xMean) * (ys[i] - yMean);&lt;br /&gt;
          den += (xs[i] - xMean) ** 2;&lt;br /&gt;
        }&lt;br /&gt;
        const slope = num / den;&lt;br /&gt;
        const intercept = yMean - slope * xMean;&lt;br /&gt;
        return { slope, intercept };&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      for (let i = 0; i &amp;lt; N; i++) {&lt;br /&gt;
        const xSim = x.map((xi, j) =&amp;gt; xi + randn_bm() * (xErr[j] || 0));&lt;br /&gt;
        const ySim = y.map((yi, j) =&amp;gt; yi + randn_bm() * (yErr[j] || 0));&lt;br /&gt;
        const { slope, intercept } = linregress(xSim, ySim);&lt;br /&gt;
        if (isFinite(slope) &amp;amp;&amp;amp; isFinite(intercept)) {&lt;br /&gt;
          slopes.push(slope);&lt;br /&gt;
          intercepts.push(intercept);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const xRange = [];&lt;br /&gt;
      const xmin = Math.min(...x), xmax = Math.max(...x);&lt;br /&gt;
      const steps = 100;&lt;br /&gt;
      const step = (xmax - xmin) / steps;&lt;br /&gt;
      for (let i = 0; i &amp;lt;= steps; i++) {&lt;br /&gt;
        xRange.push(xmin + i * step);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const lower = [], upper = [], meanLine = [];&lt;br /&gt;
      for (let xi of xRange) {&lt;br /&gt;
        const ySamples = slopes.map((m, i) =&amp;gt; m * xi + intercepts[i]);&lt;br /&gt;
        ySamples.sort((a, b) =&amp;gt; a - b);&lt;br /&gt;
        const lo = ySamples[Math.floor(0.025 * ySamples.length)];&lt;br /&gt;
        const hi = ySamples[Math.floor(0.975 * ySamples.length)];&lt;br /&gt;
        const avg = ySamples.reduce((a, b) =&amp;gt; a + b, 0) / ySamples.length;&lt;br /&gt;
        lower.push(lo);&lt;br /&gt;
        upper.push(hi);&lt;br /&gt;
        meanLine.push(avg);&lt;br /&gt;
      }&lt;br /&gt;
&lt;br /&gt;
      const mean = arr =&amp;gt; arr.reduce((a, b) =&amp;gt; a + b, 0) / arr.length;&lt;br /&gt;
      const std = arr =&amp;gt; {&lt;br /&gt;
        const m = mean(arr);&lt;br /&gt;
        return Math.sqrt(arr.reduce((s, v) =&amp;gt; s + (v - m) ** 2, 0) / (arr.length - 1));&lt;br /&gt;
      };&lt;br /&gt;
      const slopeStat = { mean: mean(slopes), std: std(slopes) };&lt;br /&gt;
      const interceptStat = { mean: mean(intercepts), std: std(intercepts) };&lt;br /&gt;
&lt;br /&gt;
      const annotationText = `y = (${slopeStat.mean.toExponential(3)} ± ${slopeStat.std.toExponential(3)})x + (${interceptStat.mean.toExponential(3)} ± ${interceptStat.std.toExponential(3)})`;&lt;br /&gt;
&lt;br /&gt;
      const data = [];&lt;br /&gt;
&lt;br /&gt;
      // Original data points with error bars&lt;br /&gt;
      data.push({&lt;br /&gt;
        x: x,&lt;br /&gt;
        y: y,&lt;br /&gt;
        mode: &#039;markers&#039;,&lt;br /&gt;
        type: &#039;scatter&#039;,&lt;br /&gt;
        name: &#039;Data&#039;,&lt;br /&gt;
        marker: { color: &#039;black&#039;, size: 7, symbol: &#039;x-thin-open&#039; },&lt;br /&gt;
        error_x: xErr.length === x.length ? {&lt;br /&gt;
          type: &#039;data&#039;,&lt;br /&gt;
          array: xErr,&lt;br /&gt;
          visible: true&lt;br /&gt;
        } : undefined,&lt;br /&gt;
        error_y: yErr.length === y.length ? {&lt;br /&gt;
          type: &#039;data&#039;,&lt;br /&gt;
          array: yErr,&lt;br /&gt;
          visible: true&lt;br /&gt;
        } : undefined&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      // Confidence band&lt;br /&gt;
      data.push({&lt;br /&gt;
        x: [...xRange, ...xRange.slice().reverse()],&lt;br /&gt;
        y: [...upper, ...lower.slice().reverse()],&lt;br /&gt;
        fill: &#039;toself&#039;,&lt;br /&gt;
        fillcolor: &#039;rgba(255, 0, 0, 0.2)&#039;,&lt;br /&gt;
        line: { color: &#039;transparent&#039; },&lt;br /&gt;
        name: &#039;95% Confidence Band&#039;,&lt;br /&gt;
        type: &#039;scatter&#039;,&lt;br /&gt;
        showlegend: false&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      // Mean regression line&lt;br /&gt;
      data.push({&lt;br /&gt;
        x: xRange,&lt;br /&gt;
        y: meanLine,&lt;br /&gt;
        mode: &#039;lines&#039;,&lt;br /&gt;
        type: &#039;scatter&#039;,&lt;br /&gt;
        name: &#039;Mean Fit&#039;,&lt;br /&gt;
        line: { color: &#039;red&#039;, width: 2 }&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      const layout = {&lt;br /&gt;
        title: &#039;&#039;,&lt;br /&gt;
        xaxis: { title: xLabel },&lt;br /&gt;
        yaxis: { title: yLabel },&lt;br /&gt;
        showlegend: false,&lt;br /&gt;
        annotations: [{&lt;br /&gt;
          x: 0.05,&lt;br /&gt;
          y: 0.95,&lt;br /&gt;
          xref: &#039;paper&#039;,&lt;br /&gt;
          yref: &#039;paper&#039;,&lt;br /&gt;
          text: annotationText,&lt;br /&gt;
          showarrow: false,&lt;br /&gt;
          font: { color: &#039;black&#039;, size: 14 }&lt;br /&gt;
        }]&lt;br /&gt;
      };&lt;br /&gt;
&lt;br /&gt;
      Plotly.newPlot(&#039;plot&#039;, data, layout);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function downloadPlot() {&lt;br /&gt;
      Plotly.downloadImage(&#039;plot&#039;, { format: &#039;png&#039;, filename: &#039;monte_carlo_regression&#039; });&lt;br /&gt;
    }&lt;br /&gt;
  &amp;lt;/script&amp;gt;&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;/div&gt;</summary>
		<author><name>Wikiroot</name></author>
	</entry>
	<entry>
		<id>https://euler.vaniercollege.qc.ca/gwikis/pwiki/index.php?title=Main_Page&amp;diff=1073</id>
		<title>Main Page</title>
		<link rel="alternate" type="text/html" href="https://euler.vaniercollege.qc.ca/gwikis/pwiki/index.php?title=Main_Page&amp;diff=1073"/>
		<updated>2021-11-30T16:11:44Z</updated>

		<summary type="html">&lt;p&gt;Wikiroot: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;big&amp;gt;&#039;&#039;&#039;Vanier College Physics Wiki&#039;&#039;&#039;&amp;lt;/big&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Consult the [http://meta.wikimedia.org/wiki/Help:Contents User&#039;s Guide] for information on using the wiki software.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Getting started== &lt;br /&gt;
* [http://www.mediawiki.org/wiki/Manual:Configuration_settings Configuration settings list]&lt;br /&gt;
* [http://www.mediawiki.org/wiki/Manual:FAQ MediaWiki FAQ]&lt;br /&gt;
* [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce MediaWiki release mailing list]&lt;br /&gt;
&lt;br /&gt;
==IMPORTANT DOCUMENTS==&lt;br /&gt;
Find your textbook, study guides and lab skills handbook here:&lt;br /&gt;
*[[STUDY DOCS]]&lt;br /&gt;
&amp;lt;!-- == Some materials == --&amp;gt;&lt;br /&gt;
&amp;lt;!-- * [[technical document sample]] --&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== MECHANICS ==&lt;br /&gt;
=== Introduction ===&lt;br /&gt;
* [http://stefan.bracher.info/files/physics/mechanics/mechanics_overview.pdf Mechanics Concept Overview]&lt;br /&gt;
* [http://stefan.bracher.info/files/physics/Formulas_and_Constants_for_College_Physics.pdf Stefan&#039;s Formulas for College Physics]&lt;br /&gt;
* [https://www.youtube.com/playlist?list=PLpDR89URs0h-zf-cHLTBNHUXOPYIEpWAg Stefan&#039;s Youtube Playlist for Mechanics]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
=== Math review ===&lt;br /&gt;
==== Theory ====&lt;br /&gt;
* [http://stefan.bracher.info/files/physics/mechanics/Math_Review.pdf Stefan&#039;s Lecture Note on Math Review]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
=== Measurement, Uncertainty, and Units ===&lt;br /&gt;
==== Videos ====&lt;br /&gt;
* [https://youtu.be/Kfy_Sd3jSCk Video: Introduction to uncertainties]&lt;br /&gt;
* [https://youtu.be/9YriBMqMx7c Video: Estimating the uncertainty of a measurement - Example: the length of a cat]&lt;br /&gt;
* [https://youtu.be/gHLzzzDohdE Video: Using the Min-Max Method to calculate the uncertainty of a measurement - Example: the length of a cat]&lt;br /&gt;
* [https://youtu.be/2ld3uFfRVt0 Video: Using the Average and Standard Deviation to calculate the uncertainty of a measurement - Example: the length of a cat]&lt;br /&gt;
* [https://youtu.be/e-Eb2wdZ-Qk Video: Accurate vs. Precise]&lt;br /&gt;
* [https://youtu.be/7Q-zuT9cbeo Video: Calculations with uncertainty - Simple cases]&lt;br /&gt;
* [https://youtu.be/Lrkd6yHjTRI Video: Calculations with uncertainty - Complicated cases]&lt;br /&gt;
* [https://youtu.be/dumXDlANJA8 Video: Unit Conversion with dimensional analysis]&lt;br /&gt;
* [https://youtu.be/CLPjNelMLIs Video: Unit Conversion example: km/h to m/s]&lt;br /&gt;
* [https://youtu.be/7Vv7ExV87MU Video: SI-Prefixes]&lt;br /&gt;
&lt;br /&gt;
==== Theory ====&lt;br /&gt;
* [http://gauss.vaniercollege.qc.ca/pwiki/index.php/Measurement_and_Data_Analysis Measurement and Data Analysis]&lt;br /&gt;
* [http://gauss.vaniercollege.qc.ca/pwiki/index.php/Uncertainties_in_Measurement Uncertainties in Measurement]&lt;br /&gt;
* [http://stefan.bracher.info/files/physics/mechanics/measurement_and_uncertainty.pdf Stefan&#039;s Lecture Note on Measurement and Uncertainty]&lt;br /&gt;
&lt;br /&gt;
==== Book References ====&lt;br /&gt;
* [https://cnx.org/contents/1Q9uMg_a@13.38:bG-_rWXy@10/Introduction OpenStax University Physics Volume 1: Chapter 1.1-1.4]&lt;br /&gt;
* [https://cnx.org/contents/Ax2o07Ul@17.3:EC6WBNqn@13/1-2-Physical-Quantities-and-Units OpenStax College Physics: Chapter 1.2-1.3]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
=== Vectors ===&lt;br /&gt;
==== Videos ====&lt;br /&gt;
* [https://youtu.be/pDPOcpsdOXs Video: Drawing Vectors]&lt;br /&gt;
* [https://youtu.be/v2Cd4C7JXPY Video: Find the direction and the components of a vector]&lt;br /&gt;
* [https://youtu.be/OrryaQqcvk8 Video: Adding Vectors Graphically : Head to Tail Method]&lt;br /&gt;
&lt;br /&gt;
==== Theory ====&lt;br /&gt;
* [[Vectors]]&lt;br /&gt;
* [http://stefan.bracher.info/files/physics/mechanics/Vectors.pdf Stefan&#039;s Lecture Note on Vectors]&lt;br /&gt;
&lt;br /&gt;
==== Book References ====&lt;br /&gt;
* [https://cnx.org/contents/1Q9uMg_a@13.38:CEzSxrSw@8/Introduction Openstax University Physics Volume 1 - Chapter 2:Vectors]&lt;br /&gt;
* [https://cnx.org/contents/Ax2o07Ul@17.3:S9i77L2i@12/3-2-Vector-Addition-and-Subtraction-Graphical-Methods OpenStax College Physics - Chapter 3.2: Vector Addition and Subtraction: Graphical Methods]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
=== Kinematics ===&lt;br /&gt;
*[[Basic Concepts]]&lt;br /&gt;
&amp;lt;!--*[[Basic Concepts 2]]--&amp;gt;&lt;br /&gt;
=====1 D Motion=====&lt;br /&gt;
&lt;br /&gt;
====== Videos ======&lt;br /&gt;
* [https://youtu.be/g4s1j9nCyi4 Video: Introduction to Position-Time graphs]&lt;br /&gt;
* [https://youtu.be/YXrLMZb5uBA Video: Introduction to Velocity-Time graphs]&lt;br /&gt;
* [https://youtu.be/wArPnyyZCFg Video: Drawing the Position-Time graph from the Velocity-Time Graph]&lt;br /&gt;
* [https://youtu.be/wyZZn6sri5U Video: Kinematics Definitions, displacement, distance traveled, velocity and speed.]&lt;br /&gt;
* [http://stefan.bracher.info/files/physics/kinematics_formulas.htm Videos: Formulas for motion with constant acceleration]&lt;br /&gt;
&lt;br /&gt;
* [https://youtu.be/-8eGB1WH0jw Video: Example - v-t, a-t and s-t graphs]&lt;br /&gt;
* [https://youtu.be/dKe0XFzSc6g Video: Example - Free-Fall]&lt;br /&gt;
* [https://youtu.be/q-TDxttAtLk Video: Example - Throwing an object in the air : Part 1]&lt;br /&gt;
* [https://youtu.be/nE5ePfnAyk8 Video: Example - Throwing an object in the air : Part 2]&lt;br /&gt;
&lt;br /&gt;
* [https://youtu.be/22N1kAFx0L8 Video: Catch-up problems]&lt;br /&gt;
&lt;br /&gt;
====== Theory ======&lt;br /&gt;
*[[Motion Along a Straight Line:  Graphical Representation]] &amp;lt;!-- also search links]]--&amp;gt;&lt;br /&gt;
*[[Equations of Motion]]&lt;br /&gt;
* [[Free Fall]]&lt;br /&gt;
&lt;br /&gt;
====== Simulation and practice ======&lt;br /&gt;
* [https://phet.colorado.edu/en/simulation/legacy/moving-man Simulation: Graphs]&lt;br /&gt;
* [https://www.geogebra.org/m/pdNj3DgD Geogebra: Create x-t and a-t graphs for various v-t graphs]&lt;br /&gt;
* [https://www.mathcelebrity.com/kinematic.php MathCelebrity: Kinematics Equations Calculator]&lt;br /&gt;
&lt;br /&gt;
====== Book References ======&lt;br /&gt;
* [https://openstax.org/books/university-physics-volume-1/pages/3-introduction OpenStax University Physics Volume 1 - Chapter 3: Motion Along a Straight Line]&lt;br /&gt;
* [https://openstax.org/books/college-physics/pages/2-introduction-to-one-dimensional-kinematics OpenStax College Physics - Chapter 2: Introduction to One-Dimensional Kinematics]&lt;br /&gt;
&lt;br /&gt;
=====2 D Motion=====&lt;br /&gt;
====== Videos ======&lt;br /&gt;
* [https://youtu.be/myHJ6_WS5OM Video: Introduction to 2D Kinematics]&lt;br /&gt;
* [https://youtu.be/_KyWgMUqP7k Video: Constant acceleration in 2D Kinematics]&lt;br /&gt;
* [https://youtu.be/tx8RMmVfy_E Video: Introduction to Projectile Motion]&lt;br /&gt;
* [https://youtu.be/x66EJxWhk8U Video: Projectile Motion Example - Angle and target location unknown]&lt;br /&gt;
* [https://youtu.be/vgUlurfyW0c Video: Projectile Motion Example - Maximal height and time to maximal height unknown]&lt;br /&gt;
* [https://youtu.be/qIi8-9rpRzU Video: Projectile Motion - Range and trajectory]&lt;br /&gt;
* [https://youtu.be/kwZ6_DAFFfE Video: Uniform Circular Motion - Centripetal Acceleration]&lt;br /&gt;
&lt;br /&gt;
====== Theory ======&lt;br /&gt;
* [[Introduction to 2 D Motion]]&lt;br /&gt;
* [[Circular Motion]]&lt;br /&gt;
* [[Projectile Motion]]&lt;br /&gt;
&lt;br /&gt;
====== Book References ======&lt;br /&gt;
* [https://openstax.org/books/university-physics-volume-1/pages/4-introduction OpenStax University Physics Volume 1 - Chapter 4: Motion in Two and Three Dimensions]&lt;br /&gt;
* [https://openstax.org/books/college-physics/pages/3-introduction-to-two-dimensional-kinematics OpenStax College Physics - Chapter 3: Introduction to Two-Dimensional Kinematics]&lt;br /&gt;
&lt;br /&gt;
=====Rotational Kinematics=====&lt;br /&gt;
====== Videos ======&lt;br /&gt;
* [https://youtu.be/ZMZaO5mQLlE Video: Rotational Motion]&lt;br /&gt;
* [https://youtu.be/mwVww1NhIYk Video: Equations for constant angular acceleration]&lt;br /&gt;
* [https://youtu.be/3C4QfnlIQgM Video: Units of rotational motion (rpm)]&lt;br /&gt;
* [https://youtu.be/Nyv0SLEU2Aw Video: Rotational Kinematics Example]&lt;br /&gt;
&lt;br /&gt;
====== Theory ======&lt;br /&gt;
* [[Rotational Motion]] &lt;br /&gt;
&lt;br /&gt;
&amp;lt;!--* [http://www.learnerstv.com/animation/animation.php?ani=%2042&amp;amp;cat=physics A point on a Rolling Disc] &lt;br /&gt;
* [http://www.pbs.org/opb/circus/classroom/circus-physics/angular-momentum/ Angular momentum conservation]&lt;br /&gt;
--&amp;gt;&lt;br /&gt;
====== Book References ======&lt;br /&gt;
* [https://openstax.org/books/university-physics-volume-1/pages/10-introduction OpenStax University Physics Volume 1 - Chapter 10.1-10.3: Fixed-Axis Rotation]&lt;br /&gt;
* [https://openstax.org/books/college-physics/pages/10-introduction-to-rotational-motion-and-angular-momentum OpenStax College Physics - Chapter 10.1-10.2: Rotational Motion]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
=== Dynamics ===&lt;br /&gt;
==== Videos ====&lt;br /&gt;
* [https://youtu.be/AUSXcozE_A0 Video: Introduction to Newton&#039;s Laws of Motion]&lt;br /&gt;
* [https://youtu.be/WzvhuQ5RWJE Video: Newton&#039;s 2nd Law of Motion]&lt;br /&gt;
* [https://youtu.be/cP0Bb3WXJ_k Video: Newton&#039;s 3rd Law of Motion]&lt;br /&gt;
* [https://youtu.be/dzdDzzRZm9U Video: Free Body Diagrams]&lt;br /&gt;
* [https://youtu.be/TLtGWls5F_I Video: Normal Forces Part 1]&lt;br /&gt;
* [https://youtu.be/JTeVBfUBdDs Video: Normal Forces Part 2]&lt;br /&gt;
* [https://youtu.be/t2RjGcvNSas Video: Tension Force]&lt;br /&gt;
* [https://youtu.be/dPSOs9lw90I Video: Simple Newton&#039;s Laws Problem Example]&lt;br /&gt;
* [https://youtu.be/ofeT2En6nz0 Video: Statics - Box on Surface]&lt;br /&gt;
* [https://youtu.be/R6ltYEMHuwc Video: Simple Dynamics Example]&lt;br /&gt;
* [https://youtu.be/pWsab45Httg Video: Two-body dynamics problem]&lt;br /&gt;
* [https://youtu.be/Y4FLaOTmklQ Video: Two boxes pushed along a surface]&lt;br /&gt;
* [https://youtu.be/JwEDFRDA5dc Video: Torque Shortcuts]&lt;br /&gt;
* [https://youtu.be/DMy6ree2sUA Video: Introduction to Rotational Equilibrium]&lt;br /&gt;
* [https://youtu.be/K1SxSdflCDA Video: Rotational and Translational Equilibrium - Beam with hanging mass]&lt;br /&gt;
* [https://youtu.be/XoAYWaDfs40 Video: Ladder leaning on the wall]&lt;br /&gt;
* [https://youtu.be/yC47CbcoWOE Video: Neil deGrasse Tyson: Einstein vs Newton - Who Was Right?]&lt;br /&gt;
* [https://youtu.be/lFgdmjmSxk0 Video: Newton&#039;s Universal Law of Gravity: Introduction]&lt;br /&gt;
* [https://youtu.be/xJqJ_UvBKiY Video: Newton&#039;s Universal Law of Gravity: Calculating the mass of the earth]&lt;br /&gt;
* [https://youtu.be/a-E28IqPVw8 Video: Newton&#039;s Universal Law of Gravity: Calculating the time it takes the moon to go around the earth]&lt;br /&gt;
&lt;br /&gt;
==== Theory ====&lt;br /&gt;
*[[What is Dynamics?]]&lt;br /&gt;
&amp;lt;!--*[[Concept of Force]]--&amp;gt;&lt;br /&gt;
&amp;lt;!--*[[Conservative and Non-Conservative Forces]]--&amp;gt;&lt;br /&gt;
&amp;lt;!--Mass vs Weight--&amp;gt;&lt;br /&gt;
&amp;lt;!--CG and CM --&amp;gt;&lt;br /&gt;
*[[Inertia|The Concept of Inertia]] &amp;lt;br&amp;gt;&lt;br /&gt;
*[[Newton&#039;s Laws|Newton&#039;s Laws of Motion]] &amp;lt;br&amp;gt;&lt;br /&gt;
*[[Newton&#039;s Law of Universal Gravitation]]&amp;lt;br&amp;gt;&lt;br /&gt;
* [[Friction]]&lt;br /&gt;
*[[Dynamics of Circular Motion]]&amp;lt;br&amp;gt;&lt;br /&gt;
*[[Static and Dynamic Equilibrium]] &amp;lt;br&amp;gt;&lt;br /&gt;
*[[Torque]]&lt;br /&gt;
&amp;lt;!--*[[Rotational Motion:  Newton&#039;s Second Law]]--&amp;gt;&lt;br /&gt;
&lt;br /&gt;
==== Book References ====&lt;br /&gt;
* [https://openstax.org/books/university-physics-volume-1/pages/5-introduction OpenStax University Physics Chapter 5: Newton&#039;s Laws of Motion]&lt;br /&gt;
* [https://openstax.org/books/university-physics-volume-1/pages/6-introduction OpenStax University Physics Chapter 6: Applications of Newton&#039;s Laws]&lt;br /&gt;
* [https://openstax.org/books/university-physics-volume-1/pages/10-6-torque OpenStax University Physics Chapter 10.6: Torque]&lt;br /&gt;
* [https://openstax.org/books/university-physics-volume-1/pages/10-7-newtons-second-law-for-rotation OpenStax University Physics Chapter 10.7: Newton&#039;s second law for rotation]&lt;br /&gt;
&lt;br /&gt;
==== Simulations ====&lt;br /&gt;
* [https://phet.colorado.edu/en/simulation/forces-and-motion-basics Phet: Forces and Motion: Basics]&lt;br /&gt;
* [https://phet.colorado.edu/en/simulation/legacy/ramp-forces-and-motion Phet: Forces and Motion]&lt;br /&gt;
* [https://phet.colorado.edu/en/simulation/legacy/forces-and-motion Phet: Forces and Motion]&lt;br /&gt;
* [https://phet.colorado.edu/en/simulation/legacy/lunar-lander Phet: Lunar Lander]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
=== Laws of Conservation ===&lt;br /&gt;
==== Videos - Energy ====&lt;br /&gt;
* [https://youtu.be/oDNAqnKhjZA Video: Introduction to Laws of Conservation (Conservation of Energy)]&lt;br /&gt;
* [https://youtu.be/a-4UISMSVpE Video: Conservation of Energy in Mechanics]&lt;br /&gt;
* [https://youtu.be/BEyZ60DHLnE Video: Mechanical Work]&lt;br /&gt;
* [https://youtu.be/y265HF0I1kg Video: Work required to lift an object (Discovery of Potential Energy)]&lt;br /&gt;
* [https://youtu.be/a5qhsUWiZjw Video: Work required to accelerate an object to velocity v (Discovery of Kinetic Energy)]&lt;br /&gt;
* [https://youtu.be/1XwxKKcn0ks Video: Conservative Forces and Potential Energy]&lt;br /&gt;
* [https://youtu.be/CiSmPI4eHp8 Video: The potential energy of a spring]&lt;br /&gt;
* [https://youtu.be/Jk9mYVAGHGk Video: Energy Example: Two connected blocks and a spring]&lt;br /&gt;
* [https://youtu.be/tGjZTRMSFBo Video: Energy Example: Calculating the escape velocity]&lt;br /&gt;
* [https://youtu.be/4HMXr7ExmBg Video: Pendulum Lab with Photogates - Conservation of Energy - Instructions]&lt;br /&gt;
&lt;br /&gt;
==== Videos - Momentum ====&lt;br /&gt;
* [https://youtu.be/dNOthHSV0RM Video: Introduction to Linear Momentum]&lt;br /&gt;
* [https://youtu.be/I_RNxh8Eb-s Video: Conservation of Linear Momentum - Inelastic Collision]&lt;br /&gt;
* [https://youtu.be/ym2c6k09YY4 Video: Conservation of Linear Momentum - Example: 1D Inelastic Collision]&lt;br /&gt;
* [https://youtu.be/Fq7CasNQ_m0 Video: Conservation of Linear Momentum - Elastic Collision]&lt;br /&gt;
* [https://youtu.be/TArgOS55--I Video: Conservation of Linear Momentum - 2D Collision Example]&lt;br /&gt;
* [https://youtu.be/tXeQKIlxQEk Video: Conservation of Linear Momentum - Explosions]&lt;br /&gt;
* [https://youtu.be/zsMvyDSDPtI Video: Conservation of Linear Momentum - Rocket Equation (this is Rocket Science!)]&lt;br /&gt;
* [https://youtu.be/2FmyyHR47Xo Video: Conservation of Linear Momentum - Linear Momentum and Newton]&lt;br /&gt;
* [https://youtu.be/mqU9XBZ-jnw Video: Conservation of Angular Momentum - Introduction]&lt;br /&gt;
* [https://youtu.be/ULAar-EtJQI Video: Conservation of Angular Momentum - Changing the rotational inertia]&lt;br /&gt;
* [https://youtu.be/_RVe_ii-YJ4 Video: Conservation of Angular Momentum - A rotating platform]&lt;br /&gt;
&lt;br /&gt;
==== Theory ====&lt;br /&gt;
* [[Work and Energy]]&amp;lt;!-- *[[Put Karen&#039;s &amp;amp; Helena&#039;s notes, Helena P.E, also search links, remind Kreshnik for work and energy notes]]--&amp;gt;&lt;br /&gt;
&amp;lt;!-- *[[Conservative and Non-Conservative Forces]]--&amp;gt;&lt;br /&gt;
* [[Potential Energy]]&lt;br /&gt;
&lt;br /&gt;
* [[Conservative and Non-Conservative Forces]]&lt;br /&gt;
&lt;br /&gt;
* [[Conservation of Energy]]&lt;br /&gt;
&lt;br /&gt;
* [[Rotational Kinetic Energy and Moment Of Inertia]]&lt;br /&gt;
&lt;br /&gt;
* [[Conservation of Momentum|Conservation of Linear Momentum]] &amp;lt;!-- *[[Complete Karen&#039;s notes, put football physics links, also search links]]--&amp;gt;&lt;br /&gt;
==== Book References ====&lt;br /&gt;
* [https://openstax.org/books/university-physics-volume-1/pages/7-introduction Openstax University Physics Volume 1: Chapter 7 (Work and Kinetic Energy)]&lt;br /&gt;
* [https://openstax.org/books/university-physics-volume-1/pages/8-introduction Openstax University Physics Volume 1: Chapter 8 (Potential Energy and Conservation of Energy)]&lt;br /&gt;
* [https://openstax.org/books/university-physics-volume-1/pages/9-introduction Openstax University Physics Volume 1: Chapter 9 (Linear Momentum and Collisions)]&lt;br /&gt;
* [https://openstax.org/books/university-physics-volume-1/pages/11-introduction Openstax University Physics Volume 1: Chapter 11 (Angular Momentum)]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
=== Summary ===&lt;br /&gt;
* [https://youtu.be/3RnIH4_3E1U Video: Summary of Mechanics]&lt;br /&gt;
&lt;br /&gt;
== STEFAN BRACHER&#039;S LECTURES ==&lt;br /&gt;
*[http://stefan.bracher.info/physics_mechanics.php Stefan&#039;s Lecture notes for Mechanics]&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
== Interesting Articles on Mechanics ==&lt;br /&gt;
&lt;br /&gt;
*[[My Daughter,the Physicist]]&lt;br /&gt;
:&#039;&#039;by Stephen Cohen&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
=====&amp;lt;span style=&amp;quot;color:Red&amp;quot;&amp;gt;Felix Baumgartner&#039;s Sky Dive&amp;lt;/span&amp;gt;=====&lt;br /&gt;
&lt;br /&gt;
[http://theengineerspulse.blogspot.ca/2012/10/mechanical-analysis-of-baumgartners.html Mechanical analysis of Baumgartner&#039;s sky dive]&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
[http://theengineerspulse.blogspot.ca/2012/10/mechanical-analysis-of-baumgartners_15.html Mechanical analysis of Baumgartner&#039;s sky dive-part 2]&lt;br /&gt;
&lt;br /&gt;
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== WAVES AND MODERN PHYSICS ==&lt;br /&gt;
&amp;lt;!-- *[[Put Kreshnik&#039;s notes, also search links]]--&amp;gt;&lt;br /&gt;
&amp;lt;!-- Kreshnik&#039;s links http://www.physicsclassroom.com/Class/refln/U13L2f.cfm--&amp;gt;&lt;br /&gt;
&amp;lt;!--http://www.ngsir.netfirms.com/englishhtm/TwaveA.htm--&amp;gt;&lt;br /&gt;
&amp;lt;!--&lt;br /&gt;
===Interesting Articles on Waves===&lt;br /&gt;
&lt;br /&gt;
*[[Good Vibrations]]&lt;br /&gt;
:&#039;&#039;by Stephen Cohen&#039;&#039;&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
--&amp;gt;&lt;br /&gt;
&lt;br /&gt;
*[[Waves and Modern Physics]] &amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== ELECTRICITY AND MAGNETISM ==&lt;br /&gt;
*[[Electricity and Magnetism]]&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;!--&lt;br /&gt;
*[[Notes on DC Circuits]]--&amp;gt;&lt;br /&gt;
&amp;lt;!-- *[[Put Kreshnik&#039;s notes, put your links, also search links]]--&amp;gt;&lt;br /&gt;
&amp;lt;!-- *[[Put Karen&#039;s notes on DC Circuits, also search links]]--&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!--&lt;br /&gt;
*[[Electrostatics]] &lt;br /&gt;
&lt;br /&gt;
*[[The Electric Field]]&lt;br /&gt;
&lt;br /&gt;
*[[Capacitors]]&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
*[[Practice Assignments]]&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
--&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== SECONDARY 5 PHYSICS ==&lt;br /&gt;
*[[Secondary 5 Physics]]&lt;br /&gt;
&lt;br /&gt;
== REMEDIAL ACTIVITIES FOR SECONDARY 4 ENVIRONMENTAL SCIENCE AND TECHNOLOGY ==&lt;br /&gt;
*[[Secondary 4 Physical Science]]&lt;br /&gt;
&lt;br /&gt;
== KEVIN LENTON&#039;S MECHANICS MODULES ==&lt;br /&gt;
&lt;br /&gt;
== KRESHNIK ANGONI&#039;S LECTURES ==&lt;br /&gt;
&lt;br /&gt;
* [http://gauss.vaniercollege.qc.ca/~physics/KRESHNIK_LECTURES/NYA NYA] &amp;lt;br&amp;gt;&lt;br /&gt;
* [http://gauss.vaniercollege.qc.ca/~physics/KRESHNIK_LECTURES/NYB NYB] &amp;lt;br&amp;gt;&lt;br /&gt;
* [http://gauss.vaniercollege.qc.ca/~physics/KRESHNIK_LECTURES/NYC NYC] &amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== LABS: USEFUL MATERIAL==&lt;br /&gt;
&lt;br /&gt;
* [http://www.lon-capa.org/~mmp/applist/sigfig/sig.htm Significant Figures]&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* [http://www.learnerstv.com/animation/animation.php?ani=94&amp;amp;cat=physics Reading a Micrometer Scale]&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* [[Uncertainties in Measurement]]&lt;br /&gt;
:&#039;&#039;by Kreshnik Angoni&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!--* [[The Exponential Function and Its Applications in Science]]--&amp;gt;&lt;br /&gt;
* [[Measurement and Data Analysis]] &lt;br /&gt;
:&#039;&#039;by Kreshnik Angoni&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
* [[Preparation for Labs]] &lt;br /&gt;
:&#039;&#039;by Helena Dedic&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!--* [http://gauss.vaniercollege.qc.ca/~physics/PhysicsLabSkillsHandbook Physics Lab Skills handbook]&lt;br /&gt;
:&#039;&#039;by Helena Dedic&#039;&#039; --&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
==ADDITIONAL RESOURCES==&lt;br /&gt;
* [[The Exponential Function and Its Applications in Science]]&lt;br /&gt;
*:&#039;&#039;by Don Hetherington&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
* [http://theengineerspulse.blogspot.com/p/for-physics-students.html Physics articles organized by course subject]&lt;br /&gt;
*:&#039;&#039;by Stephen Cohen&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
* [[Study Skills]]&lt;br /&gt;
&lt;br /&gt;
* [https://www.youtube.com/channel/UCpVm6r2eaxwTcSznVPm51AA/playlists Videos by Learning Commons on Various Topics like referencing and use of Office365]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
===Career-Related Articles===&lt;br /&gt;
* [[Things I wish I knew before my first job]]&lt;br /&gt;
*:&#039;&#039;by Scott Redmond&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
* [[Choosing the Right Career Path]]&lt;br /&gt;
*:&#039;&#039;by Scott Redmond&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
==PHYSICS &amp;lt;span style=&amp;quot;color:Blue&amp;quot;&amp;gt;&#039;&#039;&#039;&#039;&#039;F&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color:Green&amp;quot;&amp;gt;U&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color:Red&amp;quot;&amp;gt;N&amp;lt;/span&amp;gt;&#039;&#039;&#039;&#039;&#039;==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!--==Just for Laughs Physics :)==  --&amp;gt;&lt;br /&gt;
*[[A Light in the Dark]]&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;!--*[https://youtu.be/GFU3KpyreEk &amp;quot;If Physics Was Less of A Science&amp;quot;]&lt;br /&gt;
&lt;br /&gt;
:::::&amp;lt;youtube&amp;gt;/GFU3KpyreEk&amp;lt;/youtube&amp;gt;&lt;br /&gt;
--&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== FOR TEACHERS ==&lt;br /&gt;
&lt;br /&gt;
* [http://gauss.vaniercollege.qc.ca/twiki Teacher WIKI]&lt;br /&gt;
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;/div&gt;</summary>
		<author><name>Wikiroot</name></author>
	</entry>
</feed>