Edit this page

NA-MIC Project Weeks

Back to Projects List

Web components for Medical Imaging Web Applications

Key Investigators

Project Description

The aim of this project is to collaborate on web components (using react) to implement parts of web applications. Specifically to make the OHIFViewer project less monolithic and moving from meteor to react. This should make it easier to create plugins for OHIF, and also to create custom projects like prostatecancer.ai.


  1. Build on existing codebase https://github.com/OHIF/react-viewerbase (live demo)
  2. Improve the vtkjs component https://github.com/OHIF/react-vtkjs-viewport (live demo)

Approach and Plan

  1. Bring everyone up to speed on the current react components
  2. Identify any missing components and decide who wants to work on them
  3. Develop (plans for) additional demos, tutorials, and documentation to help build the community


  1. Discussing use cases for extensions in OHIF
  2. Defining a common interface for extensions
  3. Updated the react version to support plugins
  4. Extracted two extensions: Dicom PDF and Dicom Microscopy Extension
  5. Updated the react version to support development and packaging in one project and added initial documentation


Current state of the React version Microscopy Extension PDF Extension Extension Definition Class Live Link (may not work)

Next Steps

  1. Redefining extension submodule interfaces (for SOPClassHandler, ViewportModule, ToolbarModule, PanelModule)
  2. Define how extensions interact with the common app state and their internal app state
  3. Create a HelloWorld Extension with all types of modules and documentation
  4. Improve testing and continuous integration
  5. DICOM SR HTML Display Extension
  6. DICOM TID1500 Measurement Report Table extension
  7. Extract cornerstone plugin and add VTK extension

Background and References

Info websites: