.. _notebookwithsvgrst:

================================
Notebook with SVG and javascript
================================


.. only:: html

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


SVG in a notebook.

.. code:: ipython3

    from IPython.core.display import SVG
    SVG(url="https://upload.wikimedia.org/wikipedia/commons/1/1a/SVG_example_markup_grid.svg")




.. image:: notebook_with_svg_1_0.svg



.. code:: ipython3

    from jyquickhelper import RenderJsDot
    RenderJsDot('digraph{ a-> b; a-> c -> d;}')






.. raw:: html

    <div id="Mdada998ab9b241e8ace657683a564731-cont"><div id="Mdada998ab9b241e8ace657683a564731" style="width:100%;height:100%;"></div></div>
    <script>

    require(['http://www.xavierdupre.fr/js/vizjs/viz.js'], function() { var svgGraph = Viz("digraph{ a-> b; a-> c -> d;}");
    document.getElementById('Mdada998ab9b241e8ace657683a564731').innerHTML = svgGraph; });

    </script>