Vtk-js: Dicom Image Volume Rendering

[leyuan]

Hi，

We are trying to get volume rendering work with DICOM vti image written from vtk writer in Python. Following the structure, we are running into troubles trying to getindex.json file correctly generated. So few questions here and appreciate if someone can help!

• How does index.json generated for vti data
• Is using vtkHttpDataSetReader the correct choice of reading the data? Or it should be XMLReader
• Is there a better way of reading Dicom images(a folder of .dcm files) instead of using vti file

Thanks!

[jourdain]

To read a vti file you need to use that reader like here

The http reader use a different format which can be generated with that script.

But if you want to load DICOM, you should consider itk-js for loading your file natively and respect the orientation of the volume. @thewtex can tell you more about it.

Also you can see DICOM loading using itk-js and vtk-js here with ParaView Glance.

[thewtex]

Yes, as @jourdain mentioned, we can load the DICOM images directly via itk.js.

To load a multi-frame DICOM file (the entire volume is in one file), use itk/readImageFile. To load a DICOM file series, use itk/readImageDICOMFileSeries. Both of these are enabled in this reference application.

[leyuan]

Okay thanks!

[rjsgml5698]

I want to render dicom files using itk.js. So, I want to use itk / dicomImageDICOMFileSeries.

However, I am a beginner who is not familiar with itk.js.

Is there a simple example I can refer to?

[thewtex]

@rjsgml5698 these code snippets may be helpful:

https://github.com/InsightSoftwareConsortium/itk-js/blob/680878359d89fa0e0e7b609cec494500762ec6af/test/Browser/DICOMSeriesTest.js#L22-L26

https://github.com/Kitware/itk-vtk-viewer/blob/58ed5f09e904557ee949f5d6e4f65be395a428e9/src/processFiles.js#L32-L42

[rjsgml5698]

Thank you for your help!! I will try it!

[engrussman]

@thewtex I want to render the DICOM images but unable to use the following. would be grateful if you can give an independent example for beginners, please?

https://github.com/InsightSoftwareConsortium/itk-js/blob/680878359d89fa0e0e7b609cec494500762ec6af/test/Browser/DICOMSeriesTest.js#L22-L26

[thewtex]

@engrussman here's an example:

https://glitch.com/~itk-read-dicom

[engrussman]

@thewtex Many thanks for your prompt response. The example is working fine for one or two slices when I select more than that, it gets stuck on "Loading... " status. Can you please rectify the issue, please.

[thewtex]

@engrussman please share the data so the issue can be reproduced.

[engrussman]

@engrussman please share the data so the issue can be reproduced.

@thewtex Sorry that was my bad. There was some issue with the dataset, after fixing that issue, now it is reading all the dicom files. Thanks for your support. Is there any example which also performs rendering of DICOM file using VTK.js?

[thewtex]

@engrussman good to hear :-)

A few applications with DICOM support using itk.js / vtk.js:

https://kitware.github.io/itk-vtk-viewer/
https://kitware.github.io/itk-vtk-viewer/app/

https://kitware.github.io/paraview-glance/index.html
https://kitware.github.io/paraview-glance/app/