:orphan:


.. _l-notebooks:

Notebook Gallery
================





:ref:`l-notebooks-coverage`


.. contents::
    :depth: 1
    :local:

.. toctree::
    :maxdepth: 1

    notebooks/notebook_custom_extension
    notebooks/custom_widget
    notebooks/nb_c3
    notebooks/nb_cytoscape
    notebooks/nb_flowchart
    notebooks/nb_mermaid
    notebooks/nb_morris
    notebooks/nb_pig
    notebooks/nb_svg
    notebooks/nb_svgpanzoom
    notebooks/nb_treant
    notebooks/nb_visjs
    notebooks/nb_vizjs
    notebooks/notebook_html_svg
    notebooks/nb_json
    notebooks/local_js
    notebooks/nb_customjs

.. raw:: html

    <div class="sphx-pyq-thumb" tooltip="This notebook tests a couple of scenarios on how extension notebooks with javascript. **not complete**">

.. only:: html

    .. figure:: /notebooks/notebook_custom_extension.thumb.png

        :ref:`notebookcustomextensionrst`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-pyq-thumb" tooltip="The notebook explore a couple of ways to interact with the user and modifies the output based on these interactions. This is inspired from the examples from ipwidgets.">

.. only:: html

    .. figure:: /notebooks/custom_widget.thumb.png

        :ref:`customwidgetrst`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-pyq-thumb" tooltip="The following cell should show a c3.js graph. The results depends on the browser. It works fine on chrome.">

.. only:: html

    .. figure:: /notebooks/nb_c3.thumb.png

        :ref:`nbc3rst`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-pyq-thumb" tooltip="Tries cytoscape.js in a notebook. The example is taken from the gallery and more specifically the following one cyjsSimpleDemoWithMagic.ipynb. A kind of tutorial is available at Getting started with Cytoscape.js.">

.. only:: html

    .. figure:: /notebooks/nb_cytoscape.thumb.png

        :ref:`nbcytoscaperst`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-pyq-thumb" tooltip="Tries flowchart.js in a notebook.">

.. only:: html

    .. figure:: /notebooks/nb_flowchart.thumb.png

        :ref:`nbflowchartrst`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-pyq-thumb" tooltip="Tries mermaid in a notebook. Example from demo.">

.. only:: html

    .. figure:: /notebooks/nb_mermaid.thumb.png

        :ref:`nbmermaidrst`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-pyq-thumb" tooltip="We try to use the library morris.js, we try to replicate the example from the page getting-started. Unfortunately, there are somme issues with raphael.js, see:">

.. only:: html

    .. figure:: /notebooks/nb_morris.thumb.png

        :ref:`nbmorrisrst`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-pyq-thumb" tooltip="Tries pig in a notebook. Example from index.html.">

.. only:: html

    .. figure:: /notebooks/nb_pig.thumb.png

        :ref:`nbpigrst`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-pyq-thumb" tooltip="Tries svg in a notebook. Example from tutorials.">

.. only:: html

    .. figure:: /notebooks/nb_svg.thumb.png

        :ref:`nbsvgrst`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-pyq-thumb" tooltip="Tries svg.pan-zoom in a notebook.">

.. only:: html

    .. figure:: /notebooks/nb_svgpanzoom.thumb.png

        :ref:`nbsvgpanzoomrst`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-pyq-thumb" tooltip="treant-js in a notebook.">

.. only:: html

    .. figure:: /notebooks/nb_treant.thumb.png

        :ref:`nbtreantrst`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-pyq-thumb" tooltip="Tries visjs in a notebook. It is another way to represent graphs, networks in a notebook. It works better in Chrome.">

.. only:: html

    .. figure:: /notebooks/nb_visjs.thumb.png

        :ref:`nbvisjsrst`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-pyq-thumb" tooltip="Tries vizjs in a notebook. This is a simple way to show a graph defined with the DOT language. vizjs compiles Graphviz was compiled into javascript with emscripten.">

.. only:: html

    .. figure:: /notebooks/nb_vizjs.thumb.png

        :ref:`nbvizjsrst`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-pyq-thumb" tooltip="Display SVG, JSON in a notebook.">

.. only:: html

    .. figure:: /notebooks/notebook_html_svg.thumb.png

        :ref:`notebookhtmlsvgrst`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-pyq-thumb" tooltip="Displays JSON in a notebook.">

.. only:: html

    .. figure:: /notebooks/nb_json.thumb.png

        :ref:`nbjsonrst`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-pyq-thumb" tooltip="Use javascript in a notebook with local scripts.">

.. only:: html

    .. figure:: /notebooks/local_js.thumb.png

        :ref:`localjsrst`

.. raw:: html

    </div>


.. raw:: html

    <div class="sphx-pyq-thumb" tooltip="The notebook saves a custom javascript file and reuses it. Freely inspired from Jupyter Notebook - javascript.">

.. only:: html

    .. figure:: /notebooks/nb_customjs.thumb.png

        :ref:`nbcustomjsrst`

.. raw:: html

    </div>




.. toctree::
    :hidden: 

    all_notebooks_coverage