DICOM Viewer 3D Projections

This is a JavaScript-based DICOM viewer that allows loading and viewing DICOM series in three standard projections: Axial, Sagittal, and Coronal.

Features

• Load multiple DICOM files as a series
• View images in three orthogonal projections simultaneously
• Responsive design that works on different screen sizes
• Uses CornerstoneJS for medical image rendering

Technologies Used

• HTML5, CSS3, JavaScript
• CornerstoneJS - Medical imaging library
• Cornerstone Tools - Interactive medical imaging tools

How to Use

1. Open
   index.html
   in a modern web browser
2. Click "Choose File" and select multiple DICOM files from a series
3. View the images in the three projections (axial, sagittal, coronal)

Project Structure

dicom-viewer/
├── index.html          # Main HTML file
├── css/
│   └── styles.css      # Styles for the viewer
├── js/
│   └── app.js          # Main JavaScript application
└── images/            # Directory for any images (if needed)

Implementation Details

The viewer uses CornerstoneJS to render DICOM images in three viewports with different orientations:

• Axial (Transverse): Horizontal plane dividing body into superior and inferior parts
• Sagittal: Vertical plane dividing body into left and right parts
• Coronal: Vertical plane dividing body into anterior and posterior parts

The application sorts the DICOM images by instance number to ensure proper series ordering and displays the middle slice of the series in each projection by default.