How to slice the polydata (cfd volume grid data) with vtk.js and see the grid on the slice? about vtk-js

[finetjul]

VTK.js does not support volumetric meshes (volume grid data). You can only manipulate surface meshes. Cutting them will leave a hole (see vtkCutter). The hole can be filled at a second step (see vtkClipClosedSurface)

[chiyandetaotie]

How to fill the hole with the "vtkClipClosedSurface"? I want to show the meshes on the slice, but the example (see vtkClipClosedSurface) does not show the grid on the clippingPlanes. How can I do? Is there any example?

[finetjul]

It does not show the grid because there is no internal structure information stored in your mesh.
VTK.js does not support volumetric mesh, therefore the data you have is only surface mesh.
Please share screenshots.

[chiyandetaotie]

I want to use vtk.js and vue to achieve the same slicing functionality as in paraview. How can I do ?I want to achieve the following effect.

[finetjul]

There are 3 options:

1. Add Unstructured Grid (i.e. volumetric mesh) support in VTK.js,
2. Use VTK.wasm,
3. Use a client/server approach like trame offers.

In the first 2 cases, you may face memory limitations if your data is too large.

[chiyandetaotie]

If I want to Add Unstructured Grid (i.e. volumetric mesh) support in VTK.js, How can I do?

[finetjul]

You can look at the existing vtkPolyData and vtkImageData.

You then need to look at vtkUnstructuredGrid in VTK C++ and do the same in VTK.js. There will be unstructured grid mappers to port to JS as well.

[chiyandetaotie]

I'm not very familiar with C++. This is a bit difficult for me to look at vtkUnstructuredGrid in VTK C++ and do the same in VTK.js. Is there any recommended way to achieve this function using vue + vtk.js. How about "Use VTK.wasm"?

[finetjul]

Here is some documentation about VTK wasm.

Shall you have funding, feel free to reach me out.