GithubHelp home page GithubHelp logo

jacklau88 / dicom-microscopy-viewer Goto Github PK

View Code? Open in Web Editor NEW

This project forked from imagingdatacommons/dicom-microscopy-viewer

0.0 2.0 0.0 781 KB

Web-based viewer for DICOM Visible Light Whole Slide Microscopy Images

License: MIT License

JavaScript 99.97% HTML 0.03%

dicom-microscopy-viewer's Introduction

Build Status

DICOM Microscopy Viewer

Vanilla JS library for web-based visualization of DICOM VL Whole Slide Microscopy Image datasets. The library relies on Openlayers for rendering pyramid images and retrieves pyramid tiles (image frames) using DICOMweb WADO-RS.

Installation

Install the dicom-microscopy-viewer package using the npm package manager:

npm install dicom-microscopy-viewer

Building and testing

Build and test code locally:

git clone https://github.com/dcmjs-org/dicom-microscopy-viewer ~/dicom-microscopy-viewer
cd ~/dicom-microscopy-viewer
npm install
npm run build
npm test

We use rollup for bundling and mochify for testing (based on mocha and chai).

Usage

The viewer can be embedded in any website.

To this end

  • Create an instance of the DICOMMicroscopy viewer. The constructor requires an instance of DICOMwebClient for retrieving frames from the archive as well as the Study Instance UID and Series Instance UID.

  • Call the render() method, passing it the HTML element or the name of the element, which shall contain the viewport.

const url = 'http://localhost:8080/dicomweb';
const client = new DICOMwebClient.api.DICOMwebClient({url});
const studyInstanceUID = '1.2.3.4';
const seriesInstanceUID = '1.2.3.5';
const viewer = new DICOMMicroscopyViewer.api.DICOMMicroscopyViewer({
  client,
  studyInstanceUID,
  seriesInstanceUID
});
viewer.render({container: "viewport"});

Status

This is work-in-progress and should not be used in clinical practice.

The viewer allows visualization of VL Whole Slide Microscopy Image datasets stored in a DICOMweb compatible archive. It leverages the dicomweb-client JavaScript library to retrieve data from the archive.

Limitations

Currently, the viewer only supports

  • baseline JPEG compressed data (transfer syntax "1.2.840.10008.1.2.4.50")
  • brightfield illumination (no fluorescence)
  • 2D images (no z-stacks)

Support

The developers gratefully acknowledge their reseach support:

dicom-microscopy-viewer's People

Contributors

hackermd avatar

Watchers

James Cloos avatar roger avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.