Skip to main content
Physics LibreTexts

7.3.1: Illustrations

  • Page ID
    33407
  • \( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)

    \( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)

    \( \newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\)

    ( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\)

    \( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\)

    \( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\)

    \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\)

    \( \newcommand{\Span}{\mathrm{span}}\)

    \( \newcommand{\id}{\mathrm{id}}\)

    \( \newcommand{\Span}{\mathrm{span}}\)

    \( \newcommand{\kernel}{\mathrm{null}\,}\)

    \( \newcommand{\range}{\mathrm{range}\,}\)

    \( \newcommand{\RealPart}{\mathrm{Re}}\)

    \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\)

    \( \newcommand{\Argument}{\mathrm{Arg}}\)

    \( \newcommand{\norm}[1]{\| #1 \|}\)

    \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\)

    \( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\AA}{\unicode[.8,0]{x212B}}\)

    \( \newcommand{\vectorA}[1]{\vec{#1}}      % arrow\)

    \( \newcommand{\vectorAt}[1]{\vec{\text{#1}}}      % arrow\)

    \( \newcommand{\vectorB}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)

    \( \newcommand{\vectorC}[1]{\textbf{#1}} \)

    \( \newcommand{\vectorD}[1]{\overrightarrow{#1}} \)

    \( \newcommand{\vectorDt}[1]{\overrightarrow{\text{#1}}} \)

    \( \newcommand{\vectE}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash{\mathbf {#1}}}} \)

    \( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)

    \( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)

    \(\newcommand{\avec}{\mathbf a}\) \(\newcommand{\bvec}{\mathbf b}\) \(\newcommand{\cvec}{\mathbf c}\) \(\newcommand{\dvec}{\mathbf d}\) \(\newcommand{\dtil}{\widetilde{\mathbf d}}\) \(\newcommand{\evec}{\mathbf e}\) \(\newcommand{\fvec}{\mathbf f}\) \(\newcommand{\nvec}{\mathbf n}\) \(\newcommand{\pvec}{\mathbf p}\) \(\newcommand{\qvec}{\mathbf q}\) \(\newcommand{\svec}{\mathbf s}\) \(\newcommand{\tvec}{\mathbf t}\) \(\newcommand{\uvec}{\mathbf u}\) \(\newcommand{\vvec}{\mathbf v}\) \(\newcommand{\wvec}{\mathbf w}\) \(\newcommand{\xvec}{\mathbf x}\) \(\newcommand{\yvec}{\mathbf y}\) \(\newcommand{\zvec}{\mathbf z}\) \(\newcommand{\rvec}{\mathbf r}\) \(\newcommand{\mvec}{\mathbf m}\) \(\newcommand{\zerovec}{\mathbf 0}\) \(\newcommand{\onevec}{\mathbf 1}\) \(\newcommand{\real}{\mathbb R}\) \(\newcommand{\twovec}[2]{\left[\begin{array}{r}#1 \\ #2 \end{array}\right]}\) \(\newcommand{\ctwovec}[2]{\left[\begin{array}{c}#1 \\ #2 \end{array}\right]}\) \(\newcommand{\threevec}[3]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \end{array}\right]}\) \(\newcommand{\cthreevec}[3]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \end{array}\right]}\) \(\newcommand{\fourvec}[4]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \\ #4 \end{array}\right]}\) \(\newcommand{\cfourvec}[4]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \\ #4 \end{array}\right]}\) \(\newcommand{\fivevec}[5]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \\ #4 \\ #5 \\ \end{array}\right]}\) \(\newcommand{\cfivevec}[5]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \\ #4 \\ #5 \\ \end{array}\right]}\) \(\newcommand{\mattwo}[4]{\left[\begin{array}{rr}#1 \amp #2 \\ #3 \amp #4 \\ \end{array}\right]}\) \(\newcommand{\laspan}[1]{\text{Span}\{#1\}}\) \(\newcommand{\bcal}{\cal B}\) \(\newcommand{\ccal}{\cal C}\) \(\newcommand{\scal}{\cal S}\) \(\newcommand{\wcal}{\cal W}\) \(\newcommand{\ecal}{\cal E}\) \(\newcommand{\coords}[2]{\left\{#1\right\}_{#2}}\) \(\newcommand{\gray}[1]{\color{gray}{#1}}\) \(\newcommand{\lgray}[1]{\color{lightgray}{#1}}\) \(\newcommand{\rank}{\operatorname{rank}}\) \(\newcommand{\row}{\text{Row}}\) \(\newcommand{\col}{\text{Col}}\) \(\renewcommand{\row}{\text{Row}}\) \(\newcommand{\nul}{\text{Nul}}\) \(\newcommand{\var}{\text{Var}}\) \(\newcommand{\corr}{\text{corr}}\) \(\newcommand{\len}[1]{\left|#1\right|}\) \(\newcommand{\bbar}{\overline{\bvec}}\) \(\newcommand{\bhat}{\widehat{\bvec}}\) \(\newcommand{\bperp}{\bvec^\perp}\) \(\newcommand{\xhat}{\widehat{\xvec}}\) \(\newcommand{\vhat}{\widehat{\vvec}}\) \(\newcommand{\uhat}{\widehat{\uvec}}\) \(\newcommand{\what}{\widehat{\wvec}}\) \(\newcommand{\Sighat}{\widehat{\Sigma}}\) \(\newcommand{\lt}{<}\) \(\newcommand{\gt}{>}\) \(\newcommand{\amp}{&}\) \(\definecolor{fillinmathshade}{gray}{0.9}\)

    Illustration 1: Huygens' Principle and Refraction

    Huygens' principle states that all points on a wave front serve as point sources for secondary spherical waves that propagate outward. The position of the wave front at some later time is determined by the tangent to the surface of the secondary wave fronts. Huygens' principle can be used to predict observed optical phenomena such as refraction. Although the principle may seem strange and contrived, it is a direct consequence of the differential wave equation. This Illustration shows you Huygens' principle applied to light passing between two mediums. Restart.

    The animation begins with the n1 = n2 animation. Click "play" to begin. You will see a wave front, represented by a white line, moving at an angle across the screen. Huygens' principle applies to all points along the path of the wave front. However, to make it simple, the visualization of the creation of the secondary wave fronts is only shown for the points down the center of the applet. In this case the medium on the right and left of the points is the same. As the applet plays, carefully watch as the secondary wave fronts are formed at the points in the center. Notice how the wave front, now defined as the tangent to the surface of the secondary wave fronts, is exactly the same as it was before. View the n1 = n2 animation several times until you feel comfortable with what it represents.

    Now initialize and play the n2 > n1 animation. In this animation, the wave front passes from one medium to another. Because n2 > n1, the waves slow down in the second medium. Carefully watch as the wave front passes from one medium to another. Since the wave fronts are traveling slower in the second medium, you see the primary wave front bend downward. This is particularly apparent if you pause the applet just as the wave front reaches the medium and then step forward as the wave front passes into the new medium.

    Finally, initialize and play the n2 < n1 animation. In this case the waves speed up in the second medium and you see the wave front bend upward.

    Illustration authored by Melissa Dancy.
    Script authored by Morton Brydensholt.

    Illustration 2: Fiber Optics

    When you carry on a telephone conversation or watch cable television you are likely utilizing fiber optic technology to transmit and receive information. A fiber optic cable provides a less expensive, higher capacity alternative to copper wire with less signal degradation. You may think of fiber optics as being high tech, but the physics behind it is actually quite simple. Restart.

    When light is incident on a medium of lower index of refraction at an angle greater than the critical angle, all of the light will be reflected. In the animation, a source of parallel rays of light is embedded in a medium of higher index of refraction than its surroundings. When the animation begins, the light rays strike the interface at an angle less than the critical angle for these two substances. Adjust the angle of the rays by clicking on the beam and then click-dragging the hotspot. At some point the angle is increased beyond the critical angle and the rays are entirely reflected back into the medium.

    A fiber optic cable is a thin strand of glass surrounded by a material with an index of refraction less than glass. Light will travel through a fiber optic cable just as the light in the animation was transmitted through the blue region by reflecting off the boundary between the two materials.

    Illustration authored by Melissa Dancy.

    Illustration 3: Prisms and Dispersion

    The index of refraction of a given material depends on the wavelength (or frequency) of the incoming light. Hence, the speed of light in that material also depends on the wavelength or frequency of light. Restart.

    When the index of refraction of a material is given, therefore, it is really true for only one particular wavelength or color of light. This slight variation in the index of refraction leads to what are called chromatic aberrations in lenses (where the focal point is different for different colors). It is what allows for the separation of white light into colors using a prism (or drops of water). This phenomenon is called dispersion. When the speed of a wave in a particular medium is a function of frequency, the medium is dispersive. Note that for this Illustration we consider the dispersive qualities of glass (\(1.6 < n < 1.68\)), but air itself is also dispersive (\(1.45 < n < 1.47\)).

    Change the wavelength of light (in air) and therefore change the color of the light entering the prism. Notice the angle at which the different colors exit the prism and the different index of refraction associated with each color.

    When white light enters the prism, what happens? This is a very nice example of dispersion in glass. You see a rainbow of colors, both inside and outside of the prism, because each light ray refracts differently depending on its wavelength (or frequency). A raindrop can also refract sunlight. The result of the dispersion of light in water droplets during a passing rainstorm is often a rainbow.

    Illustration authored by Morten Brydensholt and Anne J. Cox.
    Script authored by Morten Brydensholt.

    Physlets were developed at Davidson College and converted from Java to JavaScript using the SwingJS system developed at St. Olaf College.


    7.3.1: Illustrations is shared under a CC BY-NC-ND license and was authored, remixed, and/or curated by LibreTexts.

    • Was this article helpful?