{"id":18233378,"url":"https://github.com/grimmerk/dicom-web-viewer","last_synced_at":"2025-04-03T19:31:05.546Z","repository":{"id":39488885,"uuid":"154715649","full_name":"grimmerk/dicom-web-viewer","owner":"grimmerk","description":"This Chrome extension / Web views online or local medical DICOM P10 images. Features and Notes are in wiki.","archived":false,"fork":false,"pushed_at":"2023-01-05T16:17:52.000Z","size":4951,"stargazers_count":7,"open_issues_count":19,"forks_count":4,"subscribers_count":2,"default_branch":"develop","last_synced_at":"2025-03-19T15:45:15.742Z","etag":null,"topics":["daikon","react-create-app","semantic-ui-react","vscode","yarn"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/grimmerk.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-10-25T18:03:56.000Z","updated_at":"2024-02-22T20:16:36.000Z","dependencies_parsed_at":"2023-02-04T06:45:27.436Z","dependency_job_id":null,"html_url":"https://github.com/grimmerk/dicom-web-viewer","commit_stats":null,"previous_names":["grimmerk/dicom-web-viewer"],"tags_count":10,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/grimmerk%2Fdicom-web-viewer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/grimmerk%2Fdicom-web-viewer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/grimmerk%2Fdicom-web-viewer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/grimmerk%2Fdicom-web-viewer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/grimmerk","download_url":"https://codeload.github.com/grimmerk/dicom-web-viewer/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247065161,"owners_count":20877718,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["daikon","react-create-app","semantic-ui-react","vscode","yarn"],"created_at":"2024-11-04T15:04:20.679Z","updated_at":"2025-04-03T19:31:05.226Z","avatar_url":"https://github.com/grimmerk.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# This repo is depreciated and a new version which uses Python browser runtime is here, https://github.com/grimmer0125/embedded-pydicom-react-viewer.\n\n# DICOM Image Viewer\n\nBesides Chrome extension, web demo site: https://grimmer.io/dicom-web-viewer/\n\n## Chrome Extension type\n\n### Install from Chrome Web Store\n\nhttps://chrome.google.com/webstore/detail/dicom-image-viewer/ehppmcooahfnlfhhcflpkcjmonkoindc\n\n### Install locally to develop or test\n\nRef: https://developer.chrome.com/extensions/getstarted\n\nMake sure you have [`yarn`](https://yarnpkg.com/) installed first.\n\n1. `yarn install`.\n2. `yarn build`\n3. Open the Extension Management page by navigating to `chrome://extensions`.\n   - The Extension Management page can also be opened by clicking on the Chrome menu, hovering over `More Tools` then selecting `Extensions`.\n4. Enable Developer Mode by clicking the toggle switch next to Developer mode.\n5. Click the LOAD UNPACKED button and select the `build` folder in extension directory.\n\n### After Installing\n\n1. Open the Extension Management page by navigating to `chrome://extensions`.\n2. Locate DICOM Image Viewer and click on the `DETAILS` button\n3. Turn `Allow access to file URLs` switch on.\n\n## Web app type for development\n\n1. `yarn start`\n2. (optional) use `debugger for Chrome` of `VSCode` to debug. or open your browser and navigates to `http://localhost:3000/`\n\n### Deploy Web app to GitHub Pages\n\n1. Add `\"homepage\": \"https://grimmer0125.github.io/dicom-web-viewer\"` in `package.json`\n2. `yarn build`.\n3. `yarn deploy` (which deploys to the `homepage` in package.json, change it if you need)\n\n## Usage \u0026 features\n\nhttps://github.com/grimmer0125/dicom-web-viewer/wiki\n\n### Not support yet:\n\n1. DICOM video format.\n2. some non-linear Modality LUT case\n3. YBR Photometric Interpretation\n\n## Coordinate systems in medical images\n\nReference:\n\n1. https://www.slicer.org/wiki/Coordinate_systems\n2. https://dicom.innolitics.com/ciods/12-lead-ecg/general-series/00102210\n3. https://dicom.innolitics.com/ciods/cr-image/general-image/00200020\n4. https://stackoverflow.com/questions/34782409/understanding-dicom-image-attributes-to-get-axial-coronal-sagittal-cuts/34783893\n5. https://dicom.innolitics.com/ciods/ct-image/image-plane/00200037\n\n## DICOM parser library - Daikon \n\nhttps://github.com/rii-mango/Daikon which lists viewable DICOM Supported Transfer Syntax. \n\n### how to order series dicom files\n\ndaikon code snippet\n\n```\nif (hasImagePosition) {\n   // (0020,0032)\n   ordered = daikon.Series.orderByImagePosition(dg, sliceDir);\n} else if (hasSliceLocation) {\n   // (0020,1041)\n   ordered = daikon.Series.orderBySliceLocation(dg);\n} else if (hasImageNumber) {\n   // (0020, 0013)\n   ordered = daikon.Series.orderByImageNumber(dg);\n```\n\n## 3d note\n\n1. https://stackoverflow.com/questions/6597843/dicom-slice-ordering\n2. https://stackoverflow.com/questions/55120374/how-to-get-the-position-of-2d-dicom-image-slice-in-3d-surface-rendered-output-in\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgrimmerk%2Fdicom-web-viewer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgrimmerk%2Fdicom-web-viewer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgrimmerk%2Fdicom-web-viewer/lists"}