.. _visualiseravectutormagicrst:

==========================================
Visualiser son code Python avec tutormagic
==========================================


.. only:: html

    **Links:** :download:`notebook <visualiser_avec_tutormagic.ipynb>`, :downloadlink:`html <visualiser_avec_tutormagic2html.html>`, :download:`PDF <visualiser_avec_tutormagic.pdf>`, :download:`python <visualiser_avec_tutormagic.py>`, :downloadlink:`slides <visualiser_avec_tutormagic.slides.html>`, :githublink:`GitHub|_doc/notebooks/exemples/visualiser_avec_tutormagic.ipynb|*`


Le site `pythontutor <http://www.pythontutor.com/>`__ permet de
visualiser pas à pas l’exécution de son code. Le moduler
`tutormagic <https://pypi.python.org/pypi/tutormagic>`__ permet de faire
cela depuis un notebook. On charge d’abord l’extension.

.. code:: ipython3

    %load_ext tutormagic
    %load_ext code_beatrix


.. parsed-literal::
    The tutormagic extension is already loaded. To reload it, use:
      %reload_ext tutormagic
    The code_beatrix extension is already loaded. To reload it, use:
      %reload_ext code_beatrix


Puis on visualise l’exécution de codequi se contente de faire passer le
plus petit élément du tableau en première position.

.. code:: ipython3

    %%tutor --lang python3
    
    a = [6,5,7,3,7,3,1]
    for i in range(1,len(a)):
        if a[0] > a[i]:
            ech = a[0] 
            a[0] = a[i]
            a[i] = ech





.. raw:: html


    <iframe
        width="100%"
        height="350"
        src="http://pythontutor.com/iframe-embed.html#code=%0Aa%20%3D%20%5B6%2C5%2C7%2C3%2C7%2C3%2C1%5D%0Afor%20i%20in%20range%281%2Clen%28a%29%29%3A%0A%20%20%20%20if%20a%5B0%5D%20%3E%20a%5Bi%5D%3A%0A%20%20%20%20%20%20%20%20ech%20%3D%20a%5B0%5D%20%0A%20%20%20%20%20%20%20%20a%5B0%5D%20%3D%20a%5Bi%5D%0A%20%20%20%20%20%20%20%20a%5Bi%5D%20%3D%20ech&origin=opt-frontend.js&cumulative=false&heapPrimitives=false&textReferences=false&py=3&rawInputLstJSON=%5B%5D&curInstr=0&codeDivWidth=50%25&codeDivHeight=100%25"
        frameborder="0"
        allowfullscreen
    ></iframe>