Skip to main content
Workshop | Argonne Leadership Computing Facility

trame: Efficiently Building Interactive Applications

ALCF Tutorial

Abstract: trame is a Python-based web framework that weaves together open source components into customized visual analytics. Designed to integrate seamlessly with the industry-leading open source visualization platforms VTK and ParaView, trame compactly and intuitively enables the creation of stunning, interactive web applications. Leveraging Vue.js internally, trame enables UI layouts (such as buttons, sliders, checkboxes, etc.) along with their interactive responses to be defined entirely in Python, simplifying the design process while hiding the complexities of web development. trame also leverages many existing libraries and tools, such as Altair, Plotly, Matplotlib, Vega, deck​.gl, Leaflet, and more for creating vivid, highly customizable visual analytics. On a desktop, in the cloud, within a Jupyter cell, or on HPC, trame can run in a wide variety of environments. Seamlessly switching between client-side (local) rendering and server-side (remote) rendering provides even greater flexibility for dealing with interactive 3D rendering when leveraging VTK or ParaView. In this tutorial, we will present the parts of trame, and you’ll learn to develop a complete visualization application.