Vtk JS
VTK JS
Important Resources for Vtk JS
Vtk JS Resources:
1.https://github.com/Kitware/vtk-js :
Contains Vtk.js documentation and in sources-->widgets-->widgets 3D--->has some examples
2.https://kitware.github.io/vtk-js:
Contains documentation,textbook,examples DOCS--->documentation and under docs there is an implementation of vtk.js using react API--->VTK textbook(pdf )
3.https://examples.vtk.org/site/
Conatins example in multiple languages
4.https://discourse.vtk.org/t/showing-dicoms-using-vtk-js-and-itk-wasm/14461 Contains: A discourse forum which shows dicom using both vtk.js and itk-wasm
5.https://github.com/Kitware/VolView/tree/main/src/io : Contains Volview repo
Examples worked on:
Cone rendering:
Volume Contour:
1.Created a React App and read the dicom data:
Workflow of the App:
The DicomLoaderWrapper.jsx is used to provide the user the file input so the user can upload their .dcm files
It wraps the .dcm files in to an array and passes it as a prop to DicomApp.jsx component
Then in App.js we are handling the reading of dicom files using itk-wasm
Converts the itk image to vtk image
Then we are setting up the Marching cubes to extract the 3D surface from volume,so the Algorithm receives the VtkImageData and sets it up for 3Dsurface rendering
Then the 3D skull surface rendering is done.
Output:
ImageCropping Widget Example from kitware.github.io:
In the React App Added a component ImageCroppingWidget.jsx and the page DicomCroppingViewer.jsx where the user is able to upload the dicom files
Output:
Implemented the Scooping Functionality
Output:
