Skip to main content

Advertisement

Log in

BlueLight: An Open Source DICOM Viewer Using Low-Cost Computation Algorithm Implemented with JavaScript Using Advanced Medical Imaging Visualization

  • Published:
Journal of Digital Imaging Aims and scope Submit manuscript

Abstract

Recently, WebGL has been widely used in numerous web-based medical image viewers to present advanced imaging visualization. However, in the scenario of medical imaging, there are many challenges of computation time and memory consumption that limit the use of advanced image renderings, such as volume rendering and multiplanar reformation/reconstruction, in low-cost mobile devices. In this study, we propose a client-side rendering low-cost computation algorithm for common two- and three-dimensional medical imaging visualization implemented by pure JavaScript. Particularly, we used the functions of cascading style sheet transform and combinate with Digital Imaging and Communications in Medicine (DICOM)-related imaging to replace the application programming interface with high computation to reduce the computation time and save memory consumption while launching medical imaging interpretation on web browsers. The results show the proposed algorithm significantly reduced the consumption of central and graphics processing units on various web browsers. The proposed algorithm was implemented in an open-source web-based DICOM viewer BlueLight; the results show that it has sufficient rendering performance to display 3D medical images with DICOM-compliant annotations and has the ability to connect to image archive via DICOMweb as well.Keywords: WebGL, DICOMweb, Multiplanar reconstruction, Volume rendering, DICOM, JavaScript, Zero-footprint.

This is a preview of subscription content, log in via an institution to check access.

Access this article

Price excludes VAT (USA)
Tax calculation will be finalised during checkout.

Instant access to the full article PDF.

Fig. 1
Fig. 2
Fig. 3
Fig. 4
Fig. 5
Fig. 6
Fig. 7
Fig. 8
Fig. 9
Fig. 10
Fig. 11

Similar content being viewed by others

Availability of Data and Material

Use the following data for experiments available on: https://viewer.imaging.datacommons.cancer.gov/viewer/1.3.6.1.4.1.14519.5.2.1.6279.6001.224985459390356936417021464571?seriesInstanceUID=1.2.276.0.7230010.3.1.3.0.57823.1553343864.578877,1.3.6.1.4.1.14519.5.2.1.6279.6001.273525289046256012743471155680

Code Availability

(software application): https://github.com/cylab-tw/bluelight

References

  1. Wadali JS, Sood SP, Kaushish R, Syed-Abdul S, Khosla PK, Bhatia M: Evaluation of free, open-source, web-based DICOM Viewers for the Indian National Telemedicine Service (eSanjeevani). Journal of Digital Imaging 33:1499-1513, 2020

    Article  PubMed  PubMed Central  Google Scholar 

  2. Rubin DL, Akdogan MU, Altindag C, Alkim E: ePAD: An image annotation and analysis platform for quantitative imaging. Tomography 5:170–183. https://doi.org/10.18383/j.tom.2018.00055, 2019

  3. Burbridge B, Burbridge C, Carter Y, Costa J: ODIN: Adaptation of an HTML 5-Compatible DICOM viewer for MIRC-TFS, enhancing the incorporation of clinical images into the health science curriculum. Medical Science Educator 29, 2019

  4. Ziegler E, et al.: Open Health Imaging Foundation Viewer: An extensible open-source framework for building web-based imaging applications to support cancer research. JCO Clin Cancer Inform 4:336-345, 2020

    Article  PubMed  Google Scholar 

  5. Haak D, Page C-E, Deserno TM: A survey of DICOM Viewer Software to integrate clinical research and medical imaging. Journal of Digital Imaging 29:206-215, 2016

    Article  PubMed  Google Scholar 

  6. Virzì A, et al.: Comprehensive review of 3D Segmentation Software Tools for MRI usable for pelvic surgery planning. Journal of Digital Imaging 33:99-110, 2020

    Article  PubMed  Google Scholar 

  7. Presti GL, Carbone M, Ciriaci D, Aramini D, Ferrari M, Ferrari V: Assessment of DICOM Viewers capable of loading patient-specific 3D models obtained by different segmentation platforms in the operating room. Journal of Digital Imaging 28:518-527, 2015

    Article  PubMed  PubMed Central  Google Scholar 

  8. Kaspar M, Parsad NM, Silverstein JC: An optimized web-based approach for collaborative stereoscopic medical visualization. J Am Med Inform Assoc 20:535-543, 2013

    Article  PubMed  Google Scholar 

  9. Herz C, et al.: dcmqi: An open source library for standardized communication of quantitative image analysis results using DICOM. Cancer Research 77:e87-e90, 2017

    Article  CAS  PubMed  PubMed Central  Google Scholar 

  10. Bernal-Rusiel JL, et al.: Reusable client-side JavaScript modules for immersive web-based real-time collaborative neuroimage visualization. Frontiers in Neuroinformatics 11, 2017

  11. Savchuk D, Belyaev S: Two-pass real-time direct isosurface rendering algorithm optimization for HTC Vive and low performance devices. Proc. SPIE Medical Imaging. 2018, Houston, Texas, United States

  12. Belyaev S, Smirnov P, Smirnovova N, Shubnikov V: Fast adaptive undersampling for volume rendering. Journal of WSCG 27, https://doi.org/10.24132/JWSCG.2019.27.1.1, 2019

  13. Arbelaiz A, Moreno A, Kabongo L, Díez H, García-Alonso AM: Interactive visualization of DICOM volumetric datasets in the web - providing VR experiences within the web browser. Proc. the 12th International Joint Conference on Computer Vision, Imaging and Computer Graphics Theory and Applications, 2017, Porto, Portugal

  14. Qiao L, et al.: An HTML5-based pure website solution for rapidly viewing and processing large-scale 3D medical volume reconstruction on mobile Internet. International Journal of Telemedicine and Applications 2017:4074137, 2017

    Article  PubMed  PubMed Central  Google Scholar 

  15. Mahmoudi SE, et al.: Web-based interactive 2D/3D medical image processing and visualization software. Computer Methods and Programs in Biomedicine 98:172-182, 2010

    Article  PubMed  Google Scholar 

  16. Drnasin I, Grgić M, Gogić G: JavaScript access to DICOM network and objects in web browser. Journal of digital imaging 30:537-546, 2017

    Article  PubMed  PubMed Central  Google Scholar 

  17. Zhang Q: Medical data visual synchronization and information interaction using Internet-based graphics rendering and message-oriented streaming. Informatics in Medicine Unlocked 17:100253, 2019

    Article  Google Scholar 

  18. Qiao L, et al.: An HTML5-based pure website solution for rapidly viewing and processing large-scale 3D medical volume reconstruction on mobile Internet. International Journal of Telemedicine and Applications 2017:1-13, 2017

    Google Scholar 

  19. DICOM Standards Committee, Supplement 228: DICOMweb API for Server Volumetric Rendering. Available at https://www.dicomstandard.org/news-dir/current/docs/sups/sup228.pdf. Accessed Nov 17 2022

  20. Genereaux BW, et al.: DICOMweb™: Background and application of the web standard for medical imaging. Journal of Digital Imaging 31:321-326, 2018

    Article  PubMed  PubMed Central  Google Scholar 

  21. Cornerstone.js. Available at https://cornerstonejs.org/2020. Accessed Nov 17 2022

  22. dcmjs. Available at https://github.com/dcmjs-org/dcmjs. Accessed Nov 17 2022

  23. DicomEdit.js. Available at https://github.com/WoonchanCho/dicomedit. Accessed Nov 17 2022

  24. three.js. Available at https://threejs.org/. Accessed Nov 17 2022

  25. VTK.js - Visualization Toolkit for the Web. Available at https://kitware.github.io/vtk-js/. Accessed Nov 17 2022

  26. Medical Imaging (AMI) JS ToolKit. Available at https://github.com/FNNDSC/ami. Accessed Nov 17 2022

  27. Channin DS, Mongkolwat P, Kleper V, Sepukar K, Rubin DL: The caBIG annotation and image Markup project. Journal of digital imaging 23:217-225, 2010

    Article  PubMed  Google Scholar 

  28. Tzutalin. LabelImg. Git code (2015). Available at https://github.com/tzutalin/labelImg. Accessed Nov 17 2022

  29. dicomParser. Available at https://github.com/cornerstonejs/dicomParser. Accessed Nov 17 2022

  30. cornerstone WADO Image Loader. Available at https://github.com/cornerstonejs/cornerstoneWADOImageLoader. Accessed Nov 17 2022

  31. Raccoon - Web-based DICOMWeb & FHIR ImagingStudy Server. Available at https://github.com/cylab-tw/raccoon. Accessed Nov 17 2022

Download references

Funding

This work was supported by two grants from the Ministry of Science and Technology Taiwan (MOST 110–2634-F-006–022 and MOST 110–2221-E-227–002).

Author information

Authors and Affiliations

Authors

Contributions

All authors contributed to the study conception and design. Material preparation, data collection, and analysis were performed by Tseng-Tse Chen, Ying-Chou Sun, and Chung-Yueh Lien. The first draft of the manuscript was written by Tseng-Tse Chen, and all authors commented on previous versions of the manuscript. All authors read and approved the final manuscript.

Corresponding author

Correspondence to Chung-Yueh Lien.

Ethics declarations

Conflict of Interest

The authors declare no competing interests.

Additional information

Publisher's Note

Springer Nature remains neutral with regard to jurisdictional claims in published maps and institutional affiliations.

Rights and permissions

Springer Nature or its licensor (e.g. a society or other partner) holds exclusive rights to this article under a publishing agreement with the author(s) or other rightsholder(s); author self-archiving of the accepted manuscript version of this article is solely governed by the terms of such publishing agreement and applicable law.

Reprints and permissions

About this article

Check for updates. Verify currency and authenticity via CrossMark

Cite this article

Chen, TT., Sun, YC., Chu, WC. et al. BlueLight: An Open Source DICOM Viewer Using Low-Cost Computation Algorithm Implemented with JavaScript Using Advanced Medical Imaging Visualization. J Digit Imaging 36, 753–763 (2023). https://doi.org/10.1007/s10278-022-00746-0

Download citation

  • Received:

  • Revised:

  • Accepted:

  • Published:

  • Issue Date:

  • DOI: https://doi.org/10.1007/s10278-022-00746-0

Keywords

Navigation