https://github.com/grimmer0125/dicom-web-viewer

This Chrome extension / Web views online or local medical DICOM P10 images. Features and Notes are in wiki.
https://github.com/grimmer0125/dicom-web-viewer

daikon react-create-app semantic-ui-react vscode yarn

Last synced: 1 day ago
JSON representation

This Chrome extension / Web views online or local medical DICOM P10 images. Features and Notes are in wiki.

• Host: GitHub
• URL: https://github.com/grimmer0125/dicom-web-viewer
• Owner: grimmer0125
• License: other
• Created: 2018-10-25T18:03:56.000Z (about 6 years ago)
• Default Branch: develop
• Last Pushed: 2023-01-05T16:17:52.000Z (almost 2 years ago)
• Last Synced: 2024-04-28T04:58:15.019Z (6 months ago)
• Topics: daikon, react-create-app, semantic-ui-react, vscode, yarn
• Language: TypeScript
• Homepage:
• Size: 4.72 MB
• Stars: 7
• Watchers: 3
• Forks: 3
• Open Issues: 19
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# This repo is depreciated and a new version which uses Python browser runtime is here, https://github.com/grimmer0125/embedded-pydicom-react-viewer.

# DICOM Image Viewer

Besides Chrome extension, web demo site: https://grimmer.io/dicom-web-viewer/

## Chrome Extension type

### Install from Chrome Web Store

https://chrome.google.com/webstore/detail/dicom-image-viewer/ehppmcooahfnlfhhcflpkcjmonkoindc

### Install locally to develop or test

Ref: https://developer.chrome.com/extensions/getstarted

Make sure you have [`yarn`](https://yarnpkg.com/) installed first.

1. `yarn install`.

2. `yarn build`

3. Open the Extension Management page by navigating to `chrome://extensions`.

   - The Extension Management page can also be opened by clicking on the Chrome menu, hovering over `More Tools` then selecting `Extensions`.

4. Enable Developer Mode by clicking the toggle switch next to Developer mode.

5. Click the LOAD UNPACKED button and select the `build` folder in extension directory.

### After Installing

1. Open the Extension Management page by navigating to `chrome://extensions`.

2. Locate DICOM Image Viewer and click on the `DETAILS` button

3. Turn `Allow access to file URLs` switch on.

## Web app type for development

1. `yarn start`

2. (optional) use `debugger for Chrome` of `VSCode` to debug. or open your browser and navigates to `http://localhost:3000/`

### Deploy Web app to GitHub Pages

1. Add `"homepage": "https://grimmer0125.github.io/dicom-web-viewer"` in `package.json`

2. `yarn build`.

3. `yarn deploy` (which deploys to the `homepage` in package.json, change it if you need)

## Usage & features

https://github.com/grimmer0125/dicom-web-viewer/wiki

### Not support yet:

1. DICOM video format.

2. some non-linear Modality LUT case

3. YBR Photometric Interpretation

## Coordinate systems in medical images

Reference:

1. https://www.slicer.org/wiki/Coordinate_systems

2. https://dicom.innolitics.com/ciods/12-lead-ecg/general-series/00102210

3. https://dicom.innolitics.com/ciods/cr-image/general-image/00200020

4. https://stackoverflow.com/questions/34782409/understanding-dicom-image-attributes-to-get-axial-coronal-sagittal-cuts/34783893

5. https://dicom.innolitics.com/ciods/ct-image/image-plane/00200037

## DICOM parser library - Daikon 

https://github.com/rii-mango/Daikon which lists viewable DICOM Supported Transfer Syntax. 

### how to order series dicom files

daikon code snippet

```

if (hasImagePosition) {

   // (0020,0032)

   ordered = daikon.Series.orderByImagePosition(dg, sliceDir);

} else if (hasSliceLocation) {

   // (0020,1041)

   ordered = daikon.Series.orderBySliceLocation(dg);

} else if (hasImageNumber) {

   // (0020, 0013)

   ordered = daikon.Series.orderByImageNumber(dg);

```

## 3d note

1. https://stackoverflow.com/questions/6597843/dicom-slice-ordering

2. https://stackoverflow.com/questions/55120374/how-to-get-the-position-of-2d-dicom-image-slice-in-3d-surface-rendered-output-in