Intro to VTK.js

This course will introduce the Visualization Toolkit for the web, VTK.js, for users and developers interested in bringing their 3D visualizations to the web. This course focuses on building and exploring simple interactive visualizations, while introducing core VTK.js concepts and architecture.

Objectives

• Introduce VTK concepts
• Build interactive visualization pipelines on the web

Prerequisites

• Basic JavaScript for the web.
• Knowledge of VTK is helpful, but is not required.
• Knowledge of web frameworks (e.g. React, Vue, etc.) is helpful, but not required.

Agenda

This course covers 8 hours of material, which can be divided into shorter sessions around your availability.

Our Recommendation: For onsite courses, we recommend either one 8-hour day of instruction (morning and afternoon sessions with a lunch break) or two 4-hour sessions on consecutive days. For an online course, we can accommodate a variety of schedules, including 2-hour sessions held on four consecutive days, or over the course of 2 or more weeks.

Introduction to VTK.js

• Project History
• Purpose
• Use-Cases

Hello Cone!

• Setting up a project
• Building
• First Visualization

Architecture

• Data Model
• Visualization & Processing Pipeline
• Rendering

Interaction

• Cameras
• Events
• Picking
• Widgets

I/O

• Reading and writing data
• Leveraging ITK readers through itk-wasm

Integration with React, Vue, etc. (time permitting)