.. DO NOT EDIT.
.. THIS FILE WAS AUTOMATICALLY GENERATED BY SPHINX-GALLERY.
.. TO MAKE CHANGES, EDIT THE SOURCE PYTHON FILE:
.. "auto_basic/02_display_hierarchical_netlist.py"
.. LINE NUMBERS ARE GIVEN BELOW.

.. only:: html

    .. note::
        :class: sphx-glr-download-link-note

        :ref:`Go to the end <sphx_glr_download_auto_basic_02_display_hierarchical_netlist.py>`
        to download the full example code.

.. rst-class:: sphx-glr-example-title

.. _sphx_glr_auto_basic_02_display_hierarchical_netlist.py:


================================================
Visualise Hierarchical Netlist (SVG/Interactive)
================================================

This example demonstrates how to visualize a netlist

- **SVG** format, which uses Yosys and netlist SVG to render
- **Interactive** viewer, which render hierarchical SVG using the `d3-hwschematic` project

.. image:: ../auto_sample_verilog/basic_hierarchy.svg
    :align: center

.. rst-class:: hidden

.. image:: ../../../examples/basic/_initial_design.html
    :align: center

.. raw:: html

    <iframe width="100%" height="400" scrolling="no" frameBorder="1"
    src="../_images/_initial_design.html"></iframe>


`Open schematic in separate window <../_images/_initial_design.html>`_

The renderer is used from this project
`Nic30/d3-hwschematic <https://github.com/Nic30/d3-hwschematic>`_

.. GENERATED FROM PYTHON SOURCE LINES 31-48

.. code-block:: Python


    import spydrnet_physical as sdnphy
    from spydrnet_physical.composers.html.composer import HTMLComposer
    from spydrnet_physical.composers.svg.composer import SVGComposer

    netlist = sdnphy.load_netlist_by_name("basic_hierarchy")

    library = netlist.libraries[0]
    library.create_top_wrapper("top_wrapper", inst_name="top_wrapper")

    composer = HTMLComposer()
    composer.run(netlist, file_out="_initial_design.html")

    composer = SVGComposer()
    composer.expand(modules=["top"])
    composer.run(netlist, file_out="_initial_design.svg",
                 netlistsvg="netlistsvg-hierarchy")


.. _sphx_glr_download_auto_basic_02_display_hierarchical_netlist.py:

.. only:: html

  .. container:: sphx-glr-footer sphx-glr-footer-example

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

      :download:`Download Jupyter notebook: 02_display_hierarchical_netlist.ipynb <02_display_hierarchical_netlist.ipynb>`

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

      :download:`Download Python source code: 02_display_hierarchical_netlist.py <02_display_hierarchical_netlist.py>`

    .. container:: sphx-glr-download sphx-glr-download-zip

      :download:`Download zipped: 02_display_hierarchical_netlist.zip <02_display_hierarchical_netlist.zip>`


.. only:: html

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

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