.. _book_fig_chapter10_fig_convolution_diagram:


Plot a Diagram explaining a Convolution
---------------------------------------
Figure 10.2

A schematic of how the convolution of two functions works. The top-left panel
shows simulated data (black line); this time series is convolved with a top-hat
function (gray boxes); see eq. 10.8. The top-right panels show the Fourier
transform of the data and the window function. These can be multiplied together
(bottom-right panel) and inverse transformed to find the convolution
(bottom-left panel), which amounts to integrating the data over copies of the
window at all locations. The result in the bottom-left panel can be viewed as
the signal shown in the top-left panel smoothed with the window (top-hat)
function.



.. image:: ../images/chapter10/fig_convolution_diagram_1.png
    :scale: 100
    :align: center


.. raw:: html
    
    <div class="toggle_trigger"><a href="#">

**Code output:**

.. raw:: html

    </a></div>
    <div class="toggle_container">

.. literalinclude:: fig_convolution_diagram.txt

.. raw:: html

    </div>
    <div class="toggle_trigger" id="start_open"><a href="#">

**Python source code:**

.. raw:: html

    </a></div>
    <div class="toggle_container">

.. literalinclude:: fig_convolution_diagram.py
    :lines: 16-

.. raw:: html

    </div>
    <div align="right">

:download:`[download source: fig_convolution_diagram.py] <fig_convolution_diagram.py>`

.. raw:: html
    
    </div>