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

.. only:: html

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

        :ref:`Go to the end <sphx_glr_download_tutorial_09_trame_e_trame_algorithm.py>`
        to download the full example code. or to run this example in your browser via Binder

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

.. _sphx_glr_tutorial_09_trame_e_trame_algorithm.py:


Using VTK, PyVista, and Trame
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

This example demonstrates how to use VTK, PyVista, and Trame together
to show how the three libraries complement each other.

.. GENERATED FROM PYTHON SOURCE LINES 8-66

.. code-block:: Python


    import pyvista as pv
    from pyvista.trame.ui import plotter_ui
    from trame.app import get_server
    from trame.ui.vuetify3 import SinglePageLayout
    from trame.widgets import vuetify3
    from vtkmodules.vtkFiltersSources import vtkConeSource

    pv.OFF_SCREEN = True

    server = get_server()
    state, ctrl = server.state, server.controller

    source = vtkConeSource()

    pl = pv.Plotter()
    pl.add_mesh(source, color="seagreen")


    @state.change("resolution")
    def update_contour(resolution, **kwargs) -> None:
        source.SetResolution(int(resolution))
        ctrl.view_update()


    with SinglePageLayout(server) as layout:
        with layout.toolbar:
            vuetify3.VSpacer()
            vuetify3.VSlider(
                v_model=("resolution", 15),
                min=5,
                max=30,
                hide_details=True,
                density="compact",
                style="max-width: 300px",
                change=ctrl.view_update,
            )
            vuetify3.VProgressLinear(
                indeterminate=True,
                absolute=True,
                bottom=True,
                active=("trame__busy",),
            )

        with (
            layout.content,
            vuetify3.VContainer(
                fluid=True,
                classes="pa-0 fill-height",
            ),
        ):
            # Use PyVista UI template for Plotters
            view = plotter_ui(pl)
            ctrl.view_update = view.update

    # Show UI
    await layout.ready
    layout

.. GENERATED FROM PYTHON SOURCE LINES 67-74

.. raw:: html

    <center>
      <a target="_blank" href="https://colab.research.google.com/github/pyvista/pyvista-tutorial/blob/gh-pages/notebooks/tutorial/09_trame/e_trame_algorithm.ipynb">
        <img src="https://colab.research.google.com/assets/colab-badge.svg" alt="Open In Colab"/ width="150px">
      </a>
    </center>


.. _sphx_glr_download_tutorial_09_trame_e_trame_algorithm.py:

.. only:: html

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

    .. container:: binder-badge

      .. image:: images/binder_badge_logo.svg
        :target: https://mybinder.org/v2/gh/pyvista/pyvista-tutorial/gh-pages?urlpath=lab/tree/notebooks/tutorial/09_trame/e_trame_algorithm.ipynb
        :alt: Launch binder
        :width: 150 px

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

      :download:`Download Jupyter notebook: e_trame_algorithm.ipynb <e_trame_algorithm.ipynb>`

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

      :download:`Download Python source code: e_trame_algorithm.py <e_trame_algorithm.py>`

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

      :download:`Download zipped: e_trame_algorithm.zip <e_trame_algorithm.zip>`


.. only:: html

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

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