Skip to content

Commit

Permalink
Lcture 2
Browse files Browse the repository at this point in the history
  • Loading branch information
fcichos committed Apr 12, 2024
1 parent f7182d9 commit 7e9c693
Show file tree
Hide file tree
Showing 16 changed files with 31 additions and 226 deletions.
Binary file modified build/doctrees/environment.pickle
Binary file not shown.
5 changes: 3 additions & 2 deletions build/doctrees/nbsphinx/notebooks/L1/1_ray_optics.ipynb
Original file line number Diff line number Diff line change
Expand Up @@ -232,9 +232,10 @@
},
{
"cell_type": "code",
"execution_count": 106,
"execution_count": 109,
"id": "a7043a8d-8a5a-4b0a-9ec3-3c61e77665b1",
"metadata": {
"nbsphinx": "hidden",
"tags": []
},
"outputs": [
Expand Down Expand Up @@ -361,7 +362,7 @@
"<IPython.core.display.HTML object>"
]
},
"execution_count": 106,
"execution_count": 109,
"metadata": {},
"output_type": "execute_result"
}
Expand Down
Binary file modified build/doctrees/notebooks/L1/1_ray_optics.doctree
Binary file not shown.
Binary file modified build/doctrees/notebooks/L1/Lecture1.doctree
Binary file not shown.
5 changes: 3 additions & 2 deletions build/html/_sources/notebooks/L1/1_ray_optics.ipynb.txt
Original file line number Diff line number Diff line change
Expand Up @@ -232,9 +232,10 @@
},
{
"cell_type": "code",
"execution_count": 106,
"execution_count": 109,
"id": "a7043a8d-8a5a-4b0a-9ec3-3c61e77665b1",
"metadata": {
"nbsphinx": "hidden",
"tags": []
},
"outputs": [
Expand Down Expand Up @@ -361,7 +362,7 @@
"<IPython.core.display.HTML object>"
]
},
"execution_count": 106,
"execution_count": 109,
"metadata": {},
"output_type": "execute_result"
}
Expand Down
107 changes: 3 additions & 104 deletions build/html/notebooks/L1/1_ray_optics.html
Original file line number Diff line number Diff line change
Expand Up @@ -217,7 +217,7 @@ <h2>Ray Optics<a class="headerlink" href="#Ray-Optics" title="Permalink to this
<section id="Law-of-reflection">
<h3>Law of reflection<a class="headerlink" href="#Law-of-reflection" title="Permalink to this heading">#</a></h3>
<p>|</p>
<center><p><img alt="9c5791d8f5394475899dc12ef3dd1050" class="no-scaled-link" src="../../_images/law_of_reflection.png" style="width: 300px;" /></p>
<center><p><img alt="1a81a5fb70514a71bc1b308627e451e4" class="no-scaled-link" src="../../_images/law_of_reflection.png" style="width: 300px;" /></p>
</center><div class="table-wrapper docutils container">
<table class="docutils align-default">
<tbody>
Expand All @@ -234,7 +234,7 @@ <h3>Law of reflection<a class="headerlink" href="#Law-of-reflection" title="Perm
<section id="Law-of-refraction">
<h3>Law of refraction<a class="headerlink" href="#Law-of-refraction" title="Permalink to this heading">#</a></h3>
<p>|</p>
<center><p><img alt="e26041b4df204d1c96d652eb9bbb62c9" class="no-scaled-link" src="../../_images/law_of_refraction.png" style="width: 300px;" /></p>
<center><p><img alt="1a5acdd8f3454d89a5d9d6261b273edf" class="no-scaled-link" src="../../_images/law_of_refraction.png" style="width: 300px;" /></p>
</center><div class="table-wrapper docutils container">
<table class="docutils align-default">
<tbody>
Expand Down Expand Up @@ -303,112 +303,11 @@ <h3>Law of refraction<a class="headerlink" href="#Law-of-refraction" title="Perm
<div class="output_area rendered_html docutils container">
<script src='https://d3js.org/d3.v6.min.js'></script></div>
</div>
<div class="nbinput docutils container">
<div class="prompt highlight-none notranslate"><div class="highlight"><pre><span></span>[106]:
</pre></div>
</div>
<div class="input_area highlight-ipython3 notranslate"><div class="highlight"><pre><span></span><span class="kn">from</span> <span class="nn">IPython.display</span> <span class="kn">import</span> <span class="n">HTML</span>

<span class="n">HTML</span><span class="p">(</span><span class="s2">&quot;&quot;&quot;</span>
<span class="s2">&lt;div id=&quot;animation-container&quot;&gt;&lt;/div&gt;</span>
<span class="s2">&lt;script src=&quot;https://d3js.org/d3.v6.min.js&quot;&gt;&lt;/script&gt;</span>
<span class="s2">&lt;script&gt;</span>
<span class="s2"> var svg = d3.select(&quot;#animation-container&quot;).append(&quot;svg&quot;)</span>
<span class="s2"> .attr(&quot;width&quot;, 400)</span>
<span class="s2"> .attr(&quot;height&quot;, 200);</span>

<span class="s2"> var circle = svg.append(&quot;circle&quot;)</span>
<span class="s2"> .attr(&quot;cx&quot;, 20)</span>
<span class="s2"> .attr(&quot;cy&quot;, 100)</span>
<span class="s2"> .attr(&quot;r&quot;, 20)</span>
<span class="s2"> .style(&quot;fill&quot;, &quot;steelblue&quot;);</span>

<span class="s2"> circle.transition()</span>
<span class="s2"> .duration(2000)</span>
<span class="s2"> .attr(&quot;cx&quot;, 380)</span>
<span class="s2"> .on(&quot;end&quot;, function() { d3.select(this).style(&quot;fill&quot;, &quot;tomato&quot;); });</span>
<span class="s2">&lt;/script&gt;</span>
<span class="s2">&quot;&quot;&quot;</span><span class="p">)</span>
<br/></pre></div>
</div>
</div>
<div class="nboutput docutils container">
<div class="prompt empty docutils container">
</div>
<div class="output_area rendered_html docutils container">
<script src='https://d3js.org/d3.v6.min.js'></script></div>
</div>
<div class="nboutput docutils container">
<div class="prompt empty docutils container">
</div>
<div class="output_area rendered_html docutils container">
<script src='https://d3js.org/d3.v6.min.js'></script></div>
</div>
<div class="nboutput docutils container">
<div class="prompt empty docutils container">
</div>
<div class="output_area rendered_html docutils container">
<script src='https://d3js.org/d3.v6.min.js'></script></div>
</div>
<div class="nboutput docutils container">
<div class="prompt empty docutils container">
</div>
<div class="output_area rendered_html docutils container">
<script src='https://d3js.org/d3.v6.min.js'></script></div>
</div>
<div class="nboutput docutils container">
<div class="prompt empty docutils container">
</div>
<div class="output_area rendered_html docutils container">
<script src='https://d3js.org/d3.v6.min.js'></script></div>
</div>
<div class="nboutput docutils container">
<div class="prompt empty docutils container">
</div>
<div class="output_area rendered_html docutils container">
<script src='https://d3js.org/d3.v6.min.js'></script></div>
</div>
<div class="nboutput docutils container">
<div class="prompt empty docutils container">
</div>
<div class="output_area rendered_html docutils container">
<script src='https://d3js.org/d3.v6.min.js'></script></div>
</div>
<div class="nboutput docutils container">
<div class="prompt empty docutils container">
</div>
<div class="output_area rendered_html docutils container">
<script src='https://d3js.org/d3.v6.min.js'></script></div>
</div>
<div class="nboutput nblast docutils container">
<div class="prompt highlight-none notranslate"><div class="highlight"><pre><span></span>[106]:
</pre></div>
</div>
<div class="output_area rendered_html docutils container">
<div id="animation-container"></div>
<script src="https://d3js.org/d3.v6.min.js"></script>
<script>
var svg = d3.select("#animation-container").append("svg")
.attr("width", 400)
.attr("height", 200);

var circle = svg.append("circle")
.attr("cx", 20)
.attr("cy", 100)
.attr("r", 20)
.style("fill", "steelblue");

circle.transition()
.duration(2000)
.attr("cx", 380)
.on("end", function() { d3.select(this).style("fill", "tomato"); });
</script></div>
</div>
<section id="Refraction-on-spherical-boundary">
<h4>Refraction on spherical boundary<a class="headerlink" href="#Refraction-on-spherical-boundary" title="Permalink to this heading">#</a></h4>
<p>Many of the interesting situations of refraction occur on interfaces, which are curved. Lenses, for example, have curved surfaces and the angles of refraction therefore change depending on the position. We can model in the simplest case by a spherical surface or in 2D just by a circular interface. The diagram below shows the definition of such a situation.</p>
<p>|</p>
<center><p><img alt="89925adeb55c4ece80adf34ae8bb1f33" class="no-scaled-link" src="../../_images/refraction_spherical.png" style="width: 500px;" /></p>
<center><p><img alt="2c47eebb8c9e4366aa3f6aa262ed4ea2" class="no-scaled-link" src="../../_images/refraction_spherical.png" style="width: 500px;" /></p>
</center><div class="table-wrapper docutils container">
<table class="docutils align-default">
<tbody>
Expand Down
5 changes: 3 additions & 2 deletions build/html/notebooks/L1/1_ray_optics.ipynb
Original file line number Diff line number Diff line change
Expand Up @@ -232,9 +232,10 @@
},
{
"cell_type": "code",
"execution_count": 106,
"execution_count": 109,
"id": "a7043a8d-8a5a-4b0a-9ec3-3c61e77665b1",
"metadata": {
"nbsphinx": "hidden",
"tags": []
},
"outputs": [
Expand Down Expand Up @@ -361,7 +362,7 @@
"<IPython.core.display.HTML object>"
]
},
"execution_count": 106,
"execution_count": 109,
"metadata": {},
"output_type": "execute_result"
}
Expand Down
2 changes: 1 addition & 1 deletion build/html/notebooks/L1/Lecture1.html
Original file line number Diff line number Diff line change
Expand Up @@ -231,7 +231,7 @@ <h2>Geometrical Optics<a class="headerlink" href="#Geometrical-Optics" title="Pe
<section id="Law-of-reflection">
<h3>Law of reflection<a class="headerlink" href="#Law-of-reflection" title="Permalink to this heading">#</a></h3>
<p>|</p>
<center><p><img alt="f0c935fdc8884ff884828292e2311d7f" class="no-scaled-link" src="notebooks/L1/reflection.png" style="width: 400px;" /></p>
<center><p><img alt="974d29b7a896435cb71142d27076baed" class="no-scaled-link" src="notebooks/L1/reflection.png" style="width: 400px;" /></p>
</center><div class="table-wrapper docutils container">
<table class="docutils align-default">
<tbody>
Expand Down
2 changes: 1 addition & 1 deletion build/html/searchindex.js

Large diffs are not rendered by default.

5 changes: 3 additions & 2 deletions docs/_sources/notebooks/L1/1_ray_optics.ipynb.txt
Original file line number Diff line number Diff line change
Expand Up @@ -232,9 +232,10 @@
},
{
"cell_type": "code",
"execution_count": 106,
"execution_count": 109,
"id": "a7043a8d-8a5a-4b0a-9ec3-3c61e77665b1",
"metadata": {
"nbsphinx": "hidden",
"tags": []
},
"outputs": [
Expand Down Expand Up @@ -361,7 +362,7 @@
"<IPython.core.display.HTML object>"
]
},
"execution_count": 106,
"execution_count": 109,
"metadata": {},
"output_type": "execute_result"
}
Expand Down
107 changes: 3 additions & 104 deletions docs/notebooks/L1/1_ray_optics.html
Original file line number Diff line number Diff line change
Expand Up @@ -217,7 +217,7 @@ <h2>Ray Optics<a class="headerlink" href="#Ray-Optics" title="Permalink to this
<section id="Law-of-reflection">
<h3>Law of reflection<a class="headerlink" href="#Law-of-reflection" title="Permalink to this heading">#</a></h3>
<p>|</p>
<center><p><img alt="9c5791d8f5394475899dc12ef3dd1050" class="no-scaled-link" src="../../_images/law_of_reflection.png" style="width: 300px;" /></p>
<center><p><img alt="1a81a5fb70514a71bc1b308627e451e4" class="no-scaled-link" src="../../_images/law_of_reflection.png" style="width: 300px;" /></p>
</center><div class="table-wrapper docutils container">
<table class="docutils align-default">
<tbody>
Expand All @@ -234,7 +234,7 @@ <h3>Law of reflection<a class="headerlink" href="#Law-of-reflection" title="Perm
<section id="Law-of-refraction">
<h3>Law of refraction<a class="headerlink" href="#Law-of-refraction" title="Permalink to this heading">#</a></h3>
<p>|</p>
<center><p><img alt="e26041b4df204d1c96d652eb9bbb62c9" class="no-scaled-link" src="../../_images/law_of_refraction.png" style="width: 300px;" /></p>
<center><p><img alt="1a5acdd8f3454d89a5d9d6261b273edf" class="no-scaled-link" src="../../_images/law_of_refraction.png" style="width: 300px;" /></p>
</center><div class="table-wrapper docutils container">
<table class="docutils align-default">
<tbody>
Expand Down Expand Up @@ -303,112 +303,11 @@ <h3>Law of refraction<a class="headerlink" href="#Law-of-refraction" title="Perm
<div class="output_area rendered_html docutils container">
<script src='https://d3js.org/d3.v6.min.js'></script></div>
</div>
<div class="nbinput docutils container">
<div class="prompt highlight-none notranslate"><div class="highlight"><pre><span></span>[106]:
</pre></div>
</div>
<div class="input_area highlight-ipython3 notranslate"><div class="highlight"><pre><span></span><span class="kn">from</span> <span class="nn">IPython.display</span> <span class="kn">import</span> <span class="n">HTML</span>

<span class="n">HTML</span><span class="p">(</span><span class="s2">&quot;&quot;&quot;</span>
<span class="s2">&lt;div id=&quot;animation-container&quot;&gt;&lt;/div&gt;</span>
<span class="s2">&lt;script src=&quot;https://d3js.org/d3.v6.min.js&quot;&gt;&lt;/script&gt;</span>
<span class="s2">&lt;script&gt;</span>
<span class="s2"> var svg = d3.select(&quot;#animation-container&quot;).append(&quot;svg&quot;)</span>
<span class="s2"> .attr(&quot;width&quot;, 400)</span>
<span class="s2"> .attr(&quot;height&quot;, 200);</span>

<span class="s2"> var circle = svg.append(&quot;circle&quot;)</span>
<span class="s2"> .attr(&quot;cx&quot;, 20)</span>
<span class="s2"> .attr(&quot;cy&quot;, 100)</span>
<span class="s2"> .attr(&quot;r&quot;, 20)</span>
<span class="s2"> .style(&quot;fill&quot;, &quot;steelblue&quot;);</span>

<span class="s2"> circle.transition()</span>
<span class="s2"> .duration(2000)</span>
<span class="s2"> .attr(&quot;cx&quot;, 380)</span>
<span class="s2"> .on(&quot;end&quot;, function() { d3.select(this).style(&quot;fill&quot;, &quot;tomato&quot;); });</span>
<span class="s2">&lt;/script&gt;</span>
<span class="s2">&quot;&quot;&quot;</span><span class="p">)</span>
<br/></pre></div>
</div>
</div>
<div class="nboutput docutils container">
<div class="prompt empty docutils container">
</div>
<div class="output_area rendered_html docutils container">
<script src='https://d3js.org/d3.v6.min.js'></script></div>
</div>
<div class="nboutput docutils container">
<div class="prompt empty docutils container">
</div>
<div class="output_area rendered_html docutils container">
<script src='https://d3js.org/d3.v6.min.js'></script></div>
</div>
<div class="nboutput docutils container">
<div class="prompt empty docutils container">
</div>
<div class="output_area rendered_html docutils container">
<script src='https://d3js.org/d3.v6.min.js'></script></div>
</div>
<div class="nboutput docutils container">
<div class="prompt empty docutils container">
</div>
<div class="output_area rendered_html docutils container">
<script src='https://d3js.org/d3.v6.min.js'></script></div>
</div>
<div class="nboutput docutils container">
<div class="prompt empty docutils container">
</div>
<div class="output_area rendered_html docutils container">
<script src='https://d3js.org/d3.v6.min.js'></script></div>
</div>
<div class="nboutput docutils container">
<div class="prompt empty docutils container">
</div>
<div class="output_area rendered_html docutils container">
<script src='https://d3js.org/d3.v6.min.js'></script></div>
</div>
<div class="nboutput docutils container">
<div class="prompt empty docutils container">
</div>
<div class="output_area rendered_html docutils container">
<script src='https://d3js.org/d3.v6.min.js'></script></div>
</div>
<div class="nboutput docutils container">
<div class="prompt empty docutils container">
</div>
<div class="output_area rendered_html docutils container">
<script src='https://d3js.org/d3.v6.min.js'></script></div>
</div>
<div class="nboutput nblast docutils container">
<div class="prompt highlight-none notranslate"><div class="highlight"><pre><span></span>[106]:
</pre></div>
</div>
<div class="output_area rendered_html docutils container">
<div id="animation-container"></div>
<script src="https://d3js.org/d3.v6.min.js"></script>
<script>
var svg = d3.select("#animation-container").append("svg")
.attr("width", 400)
.attr("height", 200);

var circle = svg.append("circle")
.attr("cx", 20)
.attr("cy", 100)
.attr("r", 20)
.style("fill", "steelblue");

circle.transition()
.duration(2000)
.attr("cx", 380)
.on("end", function() { d3.select(this).style("fill", "tomato"); });
</script></div>
</div>
<section id="Refraction-on-spherical-boundary">
<h4>Refraction on spherical boundary<a class="headerlink" href="#Refraction-on-spherical-boundary" title="Permalink to this heading">#</a></h4>
<p>Many of the interesting situations of refraction occur on interfaces, which are curved. Lenses, for example, have curved surfaces and the angles of refraction therefore change depending on the position. We can model in the simplest case by a spherical surface or in 2D just by a circular interface. The diagram below shows the definition of such a situation.</p>
<p>|</p>
<center><p><img alt="89925adeb55c4ece80adf34ae8bb1f33" class="no-scaled-link" src="../../_images/refraction_spherical.png" style="width: 500px;" /></p>
<center><p><img alt="2c47eebb8c9e4366aa3f6aa262ed4ea2" class="no-scaled-link" src="../../_images/refraction_spherical.png" style="width: 500px;" /></p>
</center><div class="table-wrapper docutils container">
<table class="docutils align-default">
<tbody>
Expand Down
5 changes: 3 additions & 2 deletions docs/notebooks/L1/1_ray_optics.ipynb
Original file line number Diff line number Diff line change
Expand Up @@ -232,9 +232,10 @@
},
{
"cell_type": "code",
"execution_count": 106,
"execution_count": 109,
"id": "a7043a8d-8a5a-4b0a-9ec3-3c61e77665b1",
"metadata": {
"nbsphinx": "hidden",
"tags": []
},
"outputs": [
Expand Down Expand Up @@ -361,7 +362,7 @@
"<IPython.core.display.HTML object>"
]
},
"execution_count": 106,
"execution_count": 109,
"metadata": {},
"output_type": "execute_result"
}
Expand Down
2 changes: 1 addition & 1 deletion docs/notebooks/L1/Lecture1.html
Original file line number Diff line number Diff line change
Expand Up @@ -231,7 +231,7 @@ <h2>Geometrical Optics<a class="headerlink" href="#Geometrical-Optics" title="Pe
<section id="Law-of-reflection">
<h3>Law of reflection<a class="headerlink" href="#Law-of-reflection" title="Permalink to this heading">#</a></h3>
<p>|</p>
<center><p><img alt="f0c935fdc8884ff884828292e2311d7f" class="no-scaled-link" src="notebooks/L1/reflection.png" style="width: 400px;" /></p>
<center><p><img alt="974d29b7a896435cb71142d27076baed" class="no-scaled-link" src="notebooks/L1/reflection.png" style="width: 400px;" /></p>
</center><div class="table-wrapper docutils container">
<table class="docutils align-default">
<tbody>
Expand Down
2 changes: 1 addition & 1 deletion docs/searchindex.js

Large diffs are not rendered by default.

Loading

0 comments on commit 7e9c693

Please sign in to comment.