:orphan:

Basic Examples
==============



.. raw:: html

    <div class="sphx-glr-thumbnails">

.. thumbnail-parent-div-open

.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Default visualisation for an unweighted graph.">

.. only:: html

  .. image:: /sphinx_gallery_output/images/thumb/sphx_glr_plot_01_default_thumb.png
    :alt:

  :ref:`sphx_glr_sphinx_gallery_output_plot_01_default.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Default Design</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Default visualisation for a directed graph.">

.. only:: html

  .. image:: /sphinx_gallery_output/images/thumb/sphx_glr_plot_02_directed_network_thumb.png
    :alt:

  :ref:`sphx_glr_sphinx_gallery_output_plot_02_directed_network.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Directed Graphs</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Default visualisation for a weighted graph.">

.. only:: html

  .. image:: /sphinx_gallery_output/images/thumb/sphx_glr_plot_03_weighted_thumb.png
    :alt:

  :ref:`sphx_glr_sphinx_gallery_output_plot_03_weighted.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Weighted Graphs (1)</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Alternative visualisation for a weighted graph using edge widths to represent the absolute edge weight, and colour to represent the sign of the weight.">

.. only:: html

  .. image:: /sphinx_gallery_output/images/thumb/sphx_glr_plot_04_weighted_thumb.png
    :alt:

  :ref:`sphx_glr_sphinx_gallery_output_plot_04_weighted.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Weighted Graphs (2)</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Node artists ------------">

.. only:: html

  .. image:: /sphinx_gallery_output/images/thumb/sphx_glr_plot_05_node_and_edge_artist_customisation_thumb.png
    :alt:

  :ref:`sphx_glr_sphinx_gallery_output_plot_05_node_and_edge_artist_customisation.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Node and Edge Artist Customisation</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Labels ------">

.. only:: html

  .. image:: /sphinx_gallery_output/images/thumb/sphx_glr_plot_06_labels_thumb.png
    :alt:

  :ref:`sphx_glr_sphinx_gallery_output_plot_06_labels.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Node and Edge Labels</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Node positions can be set explicitly by using a dictionary that maps node IDs to (x, y) coordinates as the node_layout keyword argument.">

.. only:: html

  .. image:: /sphinx_gallery_output/images/thumb/sphx_glr_plot_07_custom_layout_thumb.png
    :alt:

  :ref:`sphx_glr_sphinx_gallery_output_plot_07_custom_layout.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Custom Node Positions and Edge Paths</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Plot a tree or other directed, acyclic graph with the &#x27;dot&#x27; or &#x27;radial&#x27; node layout. Netgraph uses an implementation of the Sugiyama algorithm provided by the grandalf_ library (and thus does not require Graphviz to be installed).">

.. only:: html

  .. image:: /sphinx_gallery_output/images/thumb/sphx_glr_plot_08_dot_layout_thumb.png
    :alt:

  :ref:`sphx_glr_sphinx_gallery_output_plot_08_dot_layout.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Dot and radial node layouts</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The circular node layout routine in netgraph uses the Baur-Brandes algorithm to reduce edge crossings.">

.. only:: html

  .. image:: /sphinx_gallery_output/images/thumb/sphx_glr_plot_09_circular_layout_thumb.png
    :alt:

  :ref:`sphx_glr_sphinx_gallery_output_plot_09_circular_layout.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Circular node layout</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Community Node Layout / Bundled Edges">

.. only:: html

  .. image:: /sphinx_gallery_output/images/thumb/sphx_glr_plot_10_community_layout_thumb.png
    :alt:

  :ref:`sphx_glr_sphinx_gallery_output_plot_10_community_layout.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Community Node Layout / Bundled Edges</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Curved edges are repelled by nodes and other edges. This reduces node/edge and edge/edge occlusions.">

.. only:: html

  .. image:: /sphinx_gallery_output/images/thumb/sphx_glr_plot_11_curved_edge_layout_thumb.png
    :alt:

  :ref:`sphx_glr_sphinx_gallery_output_plot_11_curved_edge_layout.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Curved Edges</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="For each component, netgraph computes the node and edge layouts separately, and then arranges the individual components with respect to each other using `rectangle packing`__.">

.. only:: html

  .. image:: /sphinx_gallery_output/images/thumb/sphx_glr_plot_12_multicomponent_graphs_thumb.png
    :alt:

  :ref:`sphx_glr_sphinx_gallery_output_plot_12_multicomponent_graphs.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Graphs with Multiple Components</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Arc Diagrams">

.. only:: html

  .. image:: /sphinx_gallery_output/images/thumb/sphx_glr_plot_13_arcdiagram_thumb.png
    :alt:

  :ref:`sphx_glr_sphinx_gallery_output_plot_13_arcdiagram.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Arc Diagrams</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Bipartite node layout">

.. only:: html

  .. image:: /sphinx_gallery_output/images/thumb/sphx_glr_plot_14_bipartite_layout_thumb.png
    :alt:

  :ref:`sphx_glr_sphinx_gallery_output_plot_14_bipartite_layout.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Bipartite node layout</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Highlight paths">

.. only:: html

  .. image:: /sphinx_gallery_output/images/thumb/sphx_glr_plot_15_highlight_paths_thumb.png
    :alt:

  :ref:`sphx_glr_sphinx_gallery_output_plot_15_highlight_paths.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Highlight paths</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="A minimal(-ish) working example using PyQt5. Courtesy of github user LBeghini_.">

.. only:: html

  .. image:: /sphinx_gallery_output/images/thumb/sphx_glr_plot_16_pyqt_thumb.png
    :alt:

  :ref:`sphx_glr_sphinx_gallery_output_plot_16_pyqt.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">PyQt example</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Draw a multi-partite in successive layers or in concentric circles.">

.. only:: html

  .. image:: /sphinx_gallery_output/images/thumb/sphx_glr_plot_17_multipartite_layout_thumb.png
    :alt:

  :ref:`sphx_glr_sphinx_gallery_output_plot_17_multipartite_layout.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Multi-partite & shell node layouts</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Legends for node or edge properties can be created through the use of matplotlib proxy artists. For a comprehensive guide, see the `matplotlib legend guide`_.">

.. only:: html

  .. image:: /sphinx_gallery_output/images/thumb/sphx_glr_plot_18_legends_thumb.png
    :alt:

  :ref:`sphx_glr_sphinx_gallery_output_plot_18_legends.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Node and Edge Legends</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Non-interactive figures -----------------------">

.. only:: html

  .. image:: /sphinx_gallery_output/images/thumb/sphx_glr_plot_19_hyperlinks_thumb.png
    :alt:

  :ref:`sphx_glr_sphinx_gallery_output_plot_19_hyperlinks.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Hyperlinks</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Infer node positions given the length of the edges between them.">

.. only:: html

  .. image:: /sphinx_gallery_output/images/thumb/sphx_glr_plot_20_geometric_layout_thumb.png
    :alt:

  :ref:`sphx_glr_sphinx_gallery_output_plot_20_geometric_layout.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Geometric node layout</div>
    </div>


.. thumbnail-parent-div-close

.. raw:: html

    </div>


.. toctree::
   :hidden:

   /sphinx_gallery_output/plot_01_default
   /sphinx_gallery_output/plot_02_directed_network
   /sphinx_gallery_output/plot_03_weighted
   /sphinx_gallery_output/plot_04_weighted
   /sphinx_gallery_output/plot_05_node_and_edge_artist_customisation
   /sphinx_gallery_output/plot_06_labels
   /sphinx_gallery_output/plot_07_custom_layout
   /sphinx_gallery_output/plot_08_dot_layout
   /sphinx_gallery_output/plot_09_circular_layout
   /sphinx_gallery_output/plot_10_community_layout
   /sphinx_gallery_output/plot_11_curved_edge_layout
   /sphinx_gallery_output/plot_12_multicomponent_graphs
   /sphinx_gallery_output/plot_13_arcdiagram
   /sphinx_gallery_output/plot_14_bipartite_layout
   /sphinx_gallery_output/plot_15_highlight_paths
   /sphinx_gallery_output/plot_16_pyqt
   /sphinx_gallery_output/plot_17_multipartite_layout
   /sphinx_gallery_output/plot_18_legends
   /sphinx_gallery_output/plot_19_hyperlinks
   /sphinx_gallery_output/plot_20_geometric_layout


.. only:: html

  .. container:: sphx-glr-footer sphx-glr-footer-gallery

    .. container:: sphx-glr-download sphx-glr-download-python

      :download:`Download all examples in Python source code: sphinx_gallery_output_python.zip </sphinx_gallery_output/sphinx_gallery_output_python.zip>`

    .. container:: sphx-glr-download sphx-glr-download-jupyter

      :download:`Download all examples in Jupyter notebooks: sphinx_gallery_output_jupyter.zip </sphinx_gallery_output/sphinx_gallery_output_jupyter.zip>`


.. only:: html

 .. rst-class:: sphx-glr-signature

    `Gallery generated by Sphinx-Gallery <https://sphinx-gallery.github.io>`_