:orphan:

================
Usage Examples
================

This page contains example visualizations using VisualTorch. Click on any image to see the full image and source code.



.. raw:: html

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

.. thumbnail-parent-div-open

.. thumbnail-parent-div-close

.. raw:: html

    </div>

============
Layered
============

These examples cover layered visualization



.. raw:: html

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

.. thumbnail-parent-div-open

.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Visualization of 2D view">

.. only:: html

  .. image:: /usage_examples/layered/images/thumb/sphx_glr_plot_2d_view_thumb.png
    :alt:

  :ref:`sphx_glr_usage_examples_layered_plot_2d_view.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">2D View</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Visualization of basic custom model">

.. only:: html

  .. image:: /usage_examples/layered/images/thumb/sphx_glr_plot_basic_custom_thumb.png
    :alt:

  :ref:`sphx_glr_usage_examples_layered_plot_basic_custom.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Visualization of basic sequential model">

.. only:: html

  .. image:: /usage_examples/layered/images/thumb/sphx_glr_plot_basic_sequential_thumb.png
    :alt:

  :ref:`sphx_glr_usage_examples_layered_plot_basic_sequential.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Visualization of custom color">

.. only:: html

  .. image:: /usage_examples/layered/images/thumb/sphx_glr_plot_custom_color_thumb.png
    :alt:

  :ref:`sphx_glr_usage_examples_layered_plot_custom_color.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Change the color transparency">

.. only:: html

  .. image:: /usage_examples/layered/images/thumb/sphx_glr_plot_custom_opacity_thumb.png
    :alt:

  :ref:`sphx_glr_usage_examples_layered_plot_custom_opacity.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Visualization of custom orientation for 1 dim layers">

.. only:: html

  .. image:: /usage_examples/layered/images/thumb/sphx_glr_plot_custom_orientation_thumb.png
    :alt:

  :ref:`sphx_glr_usage_examples_layered_plot_custom_orientation.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Visualization of custom shading">

.. only:: html

  .. image:: /usage_examples/layered/images/thumb/sphx_glr_plot_custom_shading_thumb.png
    :alt:

  :ref:`sphx_glr_usage_examples_layered_plot_custom_shading.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Visualization of custom spacing">

.. only:: html

  .. image:: /usage_examples/layered/images/thumb/sphx_glr_plot_custom_spacing_thumb.png
    :alt:

  :ref:`sphx_glr_usage_examples_layered_plot_custom_spacing.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Visualize some layers only">

.. only:: html

  .. image:: /usage_examples/layered/images/thumb/sphx_glr_plot_ignore_layers_thumb.png
    :alt:

  :ref:`sphx_glr_usage_examples_layered_plot_ignore_layers.py`

.. raw:: html

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


.. thumbnail-parent-div-close

.. raw:: html

    </div>

============
Graph
============

These examples cover visualization via graph view



.. raw:: html

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

.. thumbnail-parent-div-open

.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Visualization of basic dense model">

.. only:: html

  .. image:: /usage_examples/graph/images/thumb/sphx_glr_plot_basic_dense_thumb.png
    :alt:

  :ref:`sphx_glr_usage_examples_graph_plot_basic_dense.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Visualization of custom color">

.. only:: html

  .. image:: /usage_examples/graph/images/thumb/sphx_glr_plot_custom_node_color_thumb.png
    :alt:

  :ref:`sphx_glr_usage_examples_graph_plot_custom_node_color.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Visualization of custom node size">

.. only:: html

  .. image:: /usage_examples/graph/images/thumb/sphx_glr_plot_custom_node_size_thumb.png
    :alt:

  :ref:`sphx_glr_usage_examples_graph_plot_custom_node_size.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Custom Node Size</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Visualization of custom spacing between layers">

.. only:: html

  .. image:: /usage_examples/graph/images/thumb/sphx_glr_plot_custom_spacing_layers_thumb.png
    :alt:

  :ref:`sphx_glr_usage_examples_graph_plot_custom_spacing_layers.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Custom Spacing for Layers</div>
    </div>


.. thumbnail-parent-div-close

.. raw:: html

    </div>

============
LeNet Style
============

These examples cover LeNet style visualization



.. raw:: html

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

.. thumbnail-parent-div-open

.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Visualization of basic custom model">

.. only:: html

  .. image:: /usage_examples/lenet_style/images/thumb/sphx_glr_plot_basic_sequential_lenet_style_thumb.png
    :alt:

  :ref:`sphx_glr_usage_examples_lenet_style_plot_basic_sequential_lenet_style.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">LeNet Style Basic Sequential</div>
    </div>


.. thumbnail-parent-div-close

.. raw:: html

    </div>


.. toctree::
   :hidden:
   :includehidden:


   /usage_examples/layered/index.rst
   /usage_examples/graph/index.rst
   /usage_examples/lenet_style/index.rst


.. 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: usage_examples_python.zip </usage_examples/usage_examples_python.zip>`

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

      :download:`Download all examples in Jupyter notebooks: usage_examples_jupyter.zip </usage_examples/usage_examples_jupyter.zip>`


.. only:: html

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

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