Loading lookup table from .vtk file in vtk.js

Web
1

I am trying to visualize some .vtk files containing lines and their lookup table. I have successfully loaded and rendered a .vtk file using PolyDataReader, This is my code:

import 'vtk.js/Sources/favicon';

import vtkActor from 'vtk.js/Sources/Rendering/Core/Actor';

import vtkFullScreenRenderWindow from 'vtk.js/Sources/Rendering/Misc/FullScreenRenderWindow';

import vtkMapper from 'vtk.js/Sources/Rendering/Core/Mapper';

import vtkPolyDataReader from 'vtk.js/Sources/IO/Legacy/PolyDataReader';

const fileName = 'Longitudinal_90_0.0.vtk'; // 'uh60.vtk'; // 'luggaBody.vtk';

// ----------------------------------------------------------------------------

// Standard rendering code setup

// ----------------------------------------------------------------------------

const fullScreenRenderer = vtkFullScreenRenderWindow.newInstance();

const renderer = fullScreenRenderer.getRenderer();

const renderWindow = fullScreenRenderer.getRenderWindow();

const resetCamera = renderer.resetCamera;

const render = renderWindow.render;

// ----------------------------------------------------------------------------

// Example code

// ----------------------------------------------------------------------------

const reader = vtkPolyDataReader.newInstance();

reader.setUrl(`${fileName}`).then(() => {

const polydata = reader.getOutputData(0);

const mapper = vtkMapper.newInstance();

const actor = vtkActor.newInstance();

actor.setMapper(mapper);

mapper.setInputData(polydata);

renderer.addActor(actor);

resetCamera();

render();

});

// -----------------------------------------------------------

// Make some variables global so that you can inspect and

// modify objects in your browser's developer console:

// -----------------------------------------------------------

global.reader = reader;

global.fullScreenRenderer = fullScreenRenderer;

My .vtk file is here.

Loading the same file in Paraview or plotting with PyVista in python renders the lines with their respective colors automatically.

How can I load the lookup table from the .vtk file in vtk.js?