trame-vtk 2.11.6


pip install trame-vtk

  Latest version

Released: Mar 25, 2026

Project Links

Meta
Author: Kitware Inc.
Requires Python: >=3.9

Classifiers

Development Status
  • 5 - Production/Stable

Environment
  • Web Environment

License
  • OSI Approved :: BSD License

Natural Language
  • English

Operating System
  • OS Independent

Programming Language
  • Python :: 3 :: Only

Topic
  • Software Development :: Libraries :: Application Frameworks
  • Software Development :: Libraries :: Python Modules
Test and Release

trame-vtk extend trame widgets with components that can interface with VTK and/or ParaView.

VTK integration in trame allows you to create rich visualization and data processing applications by leveraging the Python wrapping of the VTK library. Several components are available so you can leverage VTK either for its data processing and/or rendering. trame lets you choose if you want to leverage Remote Rendering or if the client should do the rendering by leveraging vtk.js under the hood.

Installing

trame-vtk can be installed with pip:

pip install --upgrade trame-vtk

Usage

The Trame Tutorial is the place to go to learn how to use the library and start building your own application.

The API Reference documentation provides API-level documentation.

License

trame-vtk is made available under the BSD-3-Clause License. For more details, see LICENSE This license has been chosen to match the one use by VTK and ParaView which can be exposed via this library.

Community

Trame | Discussions | Issues | | Contact Us

https://zenodo.org/badge/410108340.svg

Enjoying trame?

Share your experience with a testimonial or with a brand approval.

Development: Grabbing client before push to PyPI

To update the client code, run the following command line while updating the targeted version

bash .fetch_externals.sh

Trame widgets

VtkRemoteView

The VtkRemoteView component relies on the server for rendering by sending images to the client by simply binding your vtkRenderWindow to it. This component gives you controls to the image size reduction and quality to reduce latency while interacting.

How to use it?

The component allows you to directly tap into a vtk.js interactor’s events so you can bind your own method from Python to them. The list of available events can be found here.

The component also provides a convenient method for pushing a new image to the client when you’re modifying your scene on the Python side.

from trame.widgets import vtk

def end():
    pass

remote_view = vtk.vtkRemoteView(
    view=...,               # Instance of vtkRenderWindow (required)
    ref=...,                # Identifier for this component
    interactive_quality=60, # [0, 100] 0 for fastest render, 100 for best quality
    interactive_ratio=...,  # [0.1, 1] Image size scale factor while interacting
    interactor_events=(     # Enable vtk.js interactor events for method binding
        "events",
        ["EndAnimation"],
    ),
    EndAnimation=end,       # Bind method to the enabled event
)

remote_view.update()  # Force image to be pushed to client

Examples

VtkLocalView

The VtkLocalView component relies on the server for defining the vtkRenderWindow but then only the geometry is exchanged with the client. The server does not need a GPU as no rendering is happening on the server. The vtkRenderWindow is only used to retrieve the scene data and parameters (coloring by, representations, …). By relying on the same vtkRenderWindow, you can easily switch from a VtkRemoteView to a VtkLocalView or vice-versa. This component gives you controls on how you want to map mouse interaction with the camera. The default setting mimic default VTK interactor style so you will rarely have to override to the interactor_settings. The VtkLocalView supports WebXR thanks to the VtkWebXRHelper component. Please refer to the examples for details on how to use it.

How to use it?

The component allows you to directly tap into a vtk.js interactor events so you can bind your own method from python to them. The list of available events can be found here.

The component also provides a convenient method to push the scene to the client when you’re modifying your scene on the python side.

from trame.widgets import vtk

def end():
    pass

local_view = vtk.VtkLocalView(
    view=...,                # Instance of vtkRenderWindow (required)
    ref=...,                 # Identifier for this component
    context_name=...,        # Namespace for geometry cache
    interactor_settings=..., # Options for camera controls. See below.
    interactor_events=(      # Enable vtk.js interactor events for method binding
        "events",
        ['EndAnimation'],
    ),
    EndAnimation=end,        # Bind method to the enabled event
)

local_view.update()  # Force geometry to be pushed

Interactor Settings

For the interactor_settings we expect a list of mouse event type linked to an action. The example below is what is used as default:

interactor_settings=[
  {
    button: 1,
    action: 'Rotate',
  }, {
    button: 2,
    action: 'Pan',
  }, {
    button: 3,
    action: 'Zoom',
    scrollEnabled: true,
  }, {
    button: 1,
    action: 'Pan',
    shift: true,
  }, {
    button: 1,
    action: 'Zoom',
    alt: true,
  }, {
    button: 1,
    action: 'ZoomToMouse',
    control: true,
  }, {
    button: 1,
    action: 'Roll',
    alt: true,
    shift: true,
  }
]

A mouse event can be identified with the following set of properties:

Attribute

Value

Description

button

1, 2, 3

Which button should be down

shift

true/false

Is the Shift key down

alt

true/false

Is the Alt key down

control

true/false

Is the Ctrl key down

scrollEnabled

true/false

Some action could also be triggered by scroll

dragEnabled

true/false

Mostly used to disable default drag behavior

And the action could be one of the following:

Action

Description

Pan

Will pan the object on the plane normal to the camera

Zoom

Will zoom closer or further from the object based on the drag direction

Roll

Will rotate the object around the view direction

ZoomToMouse

Will zoom while keeping the location that was initially under the mouse at the same spot

Examples

VtkRemoteLocalView

The VtkRemoteLocalView component is a blend of VtkLocalView and VtkRemoteView where the user can choose dynamically which mode they want to be in. When instantiating a VtkRemoteLocalView several variables and triggers will be created for you to more easily control your view.

How to use it?

from trame.html import vtk

rl_view = vtk.VtkRemoteLocalView(
    view=...,                # Instance of vtkRenderWindow (required)

    # Just VtkRemoteLocalView params
    namespace=...,           # Prefix for variables and triggers. See below. (required)
    mode="local",            # Decide between local or remote. See below.

    # VtkRemoteView params
    **remote_view_params,

    # VtkLocalView params
    **local_view_params,
)

rl_view.update_geometry()  # Force update to geometry
rl_view.update_image()     # Force update to image
rl_view.view()             # Get linked vtkRenderWindow instance

Namespace parameter

Constructing a VtkRemoteLocalView will set several variables, prefixed by a namespace. In the example below we used namespace=”view”.

Variable

Description

viewId

str representing the vtkRenderWindow id

viewMode

local`or `remote to control which View is displayed to the user

Constructing a VtkRemoteLocalView will also set several trame triggers.

Trigger

Description

viewCamera

When call with no arguments, the server will push its camera to the client

viewAnimateStart

Start the animation loop for constantly rendering

viewAnimateStop

Stop the animation loop

The namespace will also be used as ref= unless provided by the user.

Mode parameter

The mode is driven by the variable {namespace}Mode but can be provided when instantiated so the default can be overridden and a JavaScript expression can be used instead of the default variable. This attribute behaves the same way as any trame one except, we won’t register the left side as a state entry since we already have one under {namespace}Mode. This means we will evaluate the left side of the expression assuming a tuple is provided and the right side of the tuple is used to set its initial value.

Examples

JavaScript dependency

This Python package bundle the vue-vtk-js@3.3.4 JavaScript library. If you would like us to upgrade it, please reach out.

2.11.6 Mar 25, 2026
2.11.5 Mar 25, 2026
2.11.4 Mar 25, 2026
2.11.3 Mar 15, 2026
2.11.2 Mar 15, 2026
2.11.1 Feb 05, 2026
2.11.0 Feb 04, 2026
2.10.3 Jan 28, 2026
2.10.2 Jan 08, 2026
2.10.1 Dec 15, 2025
2.10.0 Oct 02, 2025
2.9.1 Jul 21, 2025
2.9.0 Jun 23, 2025
2.8.17 Jun 03, 2025
2.8.16 Jun 02, 2025
2.8.15 Feb 09, 2025
2.8.14 Jan 08, 2025
2.8.13 Jan 07, 2025
2.8.12 Nov 08, 2024
2.8.11 Oct 17, 2024
2.8.10 Aug 07, 2024
2.8.9 Jun 07, 2024
2.8.8 May 06, 2024
2.8.7 May 02, 2024
2.8.6 Apr 22, 2024
2.8.5 Feb 15, 2024
2.8.4 Feb 14, 2024
2.8.3 Feb 13, 2024
2.8.2 Feb 09, 2024
2.8.1 Feb 09, 2024
2.8.0 Jan 30, 2024
2.7.1 Jan 26, 2024
2.7.0 Jan 12, 2024
2.6.3 Dec 13, 2023
2.6.2 Nov 16, 2023
2.6.1 Nov 13, 2023
2.6.0 Nov 08, 2023
2.5.10 Nov 07, 2023
2.5.9 Oct 06, 2023
2.5.8 Jul 20, 2023
2.5.7 Jul 20, 2023
2.5.4 Jun 29, 2023
2.5.3 Jun 28, 2023
2.5.2 Jun 26, 2023
2.5.1 Jun 23, 2023
2.5.0 Jun 16, 2023
2.4.4 Apr 16, 2023
2.4.3 Apr 07, 2023
2.4.2 Mar 31, 2023
2.4.1 Mar 27, 2023
2.4.0 Mar 24, 2023
2.3.5 Mar 21, 2023
2.3.4 Mar 10, 2023
2.3.3 Mar 10, 2023
2.3.2 Mar 09, 2023
2.3.1 Mar 09, 2023
2.3.0 Mar 09, 2023
2.2.3 Mar 03, 2023
2.2.2 Feb 28, 2023
2.2.1 Feb 26, 2023
2.2.0 Feb 25, 2023
2.1.0 Feb 23, 2023
2.0.18 Feb 23, 2023
2.0.17 Feb 01, 2023
2.0.16 Jan 27, 2023
2.0.15 Jan 20, 2023
2.0.14 Jan 10, 2023
2.0.13 Jan 10, 2023
2.0.12 Dec 16, 2022
2.0.11 Dec 09, 2022
2.0.10 Dec 04, 2022
2.0.9 Nov 05, 2022
2.0.8 Oct 20, 2022
2.0.7 Oct 05, 2022
2.0.6 Sep 01, 2022
2.0.5 Jun 01, 2022
2.0.4 May 31, 2022
2.0.3 May 29, 2022
2.0.2 May 27, 2022
2.0.1 May 27, 2022
2.0.0rc2 May 13, 2022
2.0.0rc1 May 09, 2022

Wheel compatibility matrix

Platform Python 3
any

Files in release

Extras:
Dependencies:
trame-client (<4,>=3.4)