HTML/JavaScript Zero-footprint DICOM Viewer SDK Libraries

The LEADTOOLS HTML5/JavaScript Zero-footprint Medical Viewer is an OEM-ready web application that provides a platform-independent solution to display DICOM studies for all medical disciplines and modalities. The fully customizable application is perfect for any developer or integrator who needs a fast, lightweight DICOM viewer solution without sacrificing any features that health care professionals demand, including 3D volumes.

HTML5 Dicom Viewer

HTML5/JavaScript Zero-footprint DICOM Viewer

LEADTOOLS gives developers a shorter learning curve and confidence that their application will satisfy customer demands for user experience and broad-ranging DICOM support on multiple devices. The plethora of fast, client-side DICOM tools—pre-defined and custom layouts, touch-enabled window-leveling and medical-specific image processing, annotations, 3D reference lines, and more—make the LEADTOOLS HTML5/JavaScript zero-footprint Medical Viewer the premier choice. The source code for this feature-rich viewer is included to easily customize and brand.

Versatile and robust HTML/JavaScript Zero-footprint DICOM Viewer Libraries

Feature Packed DICOM Viewer for HTML/JavaScript

The LEADTOOLS DICOM Viewer for HTML/JavaScript is packed with features, including:

  • View DICOM images from your local archive or a remote third-party PACS using vendor-neutral DICOM communication, WADO or DICOMWeb
  • Upload to the DICOM server directly from the viewer control
  • Leverage LEADTOOLS Multi-Resolution and Tiled Image technology to view images up to 1TB with a great UX
  • Client-side caching of DICOM pixel data for fast reloads and network traffic reduction
  • Fast, client-side tools such as window level, series stack, image processing, Hounsfield unit, probe, spy glass, shutter, and Cobb angle
  • DICOM export (with DICOMDIR) in zip with option to anonymize
  • Full cine feature set that includes play, pause, first, previous, forward, backward, and loop, including ability to play multiple Stress Echocardiography datasets
  • Render encapsulated PDF documents
  • Render DICOM Waveform data sets
  • Application and audit logging interface
  • Manage user authentication, permissions, and roles
  • Customizable right-click context menus
  • Mouse, multi-touch, and gesture input
  • MVC architecture built with AngularJS
  • Extensible Web API services to perform query/retrieve and stream DICOM metadata and image data stored as any format or compression
  • API to externally control the viewer with .NET or JavaScript
  • Interface for custom database schemata
  • TypeScript files provide static types and class-based object-oriented programming in JavaScript
Support for DICOM properties and tags

Comprehensive Support for DICOM Display Properties and Tags

Display any DICOM tag including full support for all pixel data value representations:

Support for DICOM properties and tags

React DICOM Viewer

The LEADTOOLS React Medical Viewer was built with the developer in mind. With its modular design, developers can more easily integrate individual pieces and features of the demo or the entire feature-set depending on their unique application use-case and needs. You have the freedom to use the included LEADTOOLS DICOMWeb Service as well as any other DICOMWeb Service or Database so you can plug-in-and-go.

DICOM libraries with annotation support

Image Annotation, Mark up, and Redaction

The Medical Viewer provides a robust and flexible API to add annotations to DICOM pixel data and images in HTML/JavaScript applications. These annotation tools are perfect to highlight a region of interest, redact areas and text, and more. Additionally, the control can overlay text to show patient and study information, metadata with configurable weight/importance, and option to permanently burn overlays onto images.

Collaboration and export options:

  • Create, load, save, and share annotations as Softcopy Presentation State including Compound Graphic Objects
  • Upload annotated and processed images back to server as Secondary Capture
  • Save DICOM instances to local archive
  • Generate PNG URL direct links
  • Screen capture
DICOM libraries with DICOM support

Zero-Footprint 3D Volume Rendering

The LEADTOOLS Medical Viewer for HTML/JavaScript apps can render 3D volumes without installing software on the client or using remote technologies such as Citrix. The viewer control communicates rapidly with the server-side 3D rendering engine using standard and well-known web protocols for unparalleled medical 3D display in any modern browser.

  • Multiple volume types including VRT, MIP, MPR, SSD
  • Interactive controls for window level, density removal, offset, scale, zoom, and more
  • Settings and options for customizing the volume appearance including border, rotation cube, resolution, and slicing
  • Caches 3D volumes for faster load times
  • Display 3D reference lines on any series, including optional simultaneous display of boundary lines (first and last)
  • 3D cursor for smooth MPR and synchronized stack navigation

Read more about the LEADTOOLS Medical 3D libraries.

Customizable study and series-level layout

Study and Series Layout

The study and series-level layout in the Medical Viewer control is fully customizable, including:

  • Adjacent cells
  • Any cell location
  • Any cell size
  • Empty cells
  • Overlapping cells
  • Explosive cells
  • Symmetric rows and columns
  • Configurable layout presets
  • XML layout definitions

In addition to completely configurable layout options, the viewer has APIs and properties to:

  • Set various series sorting options
  • Split series into multiple stacks
  • Loads images while scrolling (Lazy Load)
  • Apply image processing and manipulation to a single frame or entire series
  • Study timeline thumbnail preview with drag and drop support
  • Patient laterality, orientation, and localization (Patient Projection)
  • Automatic image synchronization to view multiple series based on the image position and orientation
  • Perform synchronization on two large stacks of the same anatomy
DICOM libraries with hanging protocol support

Structured Displays and DICOM Hanging Protocol

The medical viewer includes a collection of tools to design and reuse display layouts:

  • Intuitive, user-friendly interface to create and store DICOM Hanging Protocols
  • Store study and series-level Structured Displays
  • Design advanced non-grid layout templates (e.g., FMX 18) usable by DICOM Hanging Protocols and Structured Displays

The inclusion of DICOM Hanging Protocols in the LEADTOOLS HTML5/JavaScript Zero-footprint Medical Web Viewer provides developers with an easy way to create a universal, multi-discipline viewer. Few products on the market offer full DICOM Hanging Protocol support quite the way LEADTOOLS does. Developers and integrators are able to create next generation viewing software for use in large hospitals and enterprises housing varied medical departments (e.g., radiology, cardiology, mammography, dental, etc.), which can all share a single VNA.

HTML/JavaScript Zero-footprint DICOM Viewer Development Made Easy

Easy to Integrate

LEADTOOLS handles the heavy lifting, eliminating months of R&D, while giving you the best quality and performance available. You'll be free to focus on other components of your application. Download the LEADTOOLS evaluation to streamline your development.

The following are some examples of web browsers that support HTML5 markup:
  • Desktop Browsers
    • Chrome
    • Firefox
    • Edge
    • Internet Explorer 9 and later
    • Opera
    • Safari
  • Mobile and Tablet Browsers
    • Safari
    • Chrome
    • Edge
    • Internet Explorer 10 and later
    • Android
    • Firefox Mobile
    • Opera Mobile

Start Coding with LEADTOOLS HTML/JavaScript Zero-footprint DICOM Viewer

HTML/JavaScript Zero-footprint DICOM Viewer libraries as well as all LEADTOOLS Recognition, Document, Medical, Vector, and Imaging technologies for all development and target platforms, including Windows, Linux, and macOS.

Download LEADTOOLS Libraries

Speak With
Our Experts

Online Demo Applications that include HTML/JavaScript Zero-footprint DICOM Viewer SDK Libraries

HTML5/JavaScript Medical Web Viewer Framework

A zero-footprint Medical viewer with light and dark themes to display DICOM images (pixel data) with window level, density removal, offset, scale, zoom, stack, annotation/markup, and multi-touch support for phone, tablet, and desktop.

It demonstrates zero-footprint 3D volume rendering of multiple volume types including VRT, MIP, MPR, and SSD in the Medical Web Viewer. The viewer does not require browser plugins, desktop utilities, or remote desktop clients and options for low-resolution and caching to speed up rendering and loading.

Note: If you have your own test images that you would like to upload into the application, contact to have a private user profile created.

HTML5/JavaScript Dental Web Viewer Framework

The zero-footprint Medical Web Viewer with specialized dental features enabled, including Endo, Perio, Dentin, and FMX layouts. Additionally shows multi-touch support for phone, tablet, and desktop.

  • Interactive brightness and contrast display
  • Display DICOM information

Android DICOM Viewer App Android

Turn your mobile device into a DICOM Viewer. Display tags, pixel data, and more! It includes tools such as window-leveling and stack panning. This app is designed to connect, communicate, and retrieve images from PACS Servers.