Collaboratively Annotate large-scale DeepZoom images with MicroDraw

Collaboratively Annotate large-scale DeepZoom images with MicroDraw

What's MicroDraw?

MicroDraw is a lightweight web-based collaborative annotation  application for displaying and viewing large-scale (DeepZoom) images. It's completely free and open-source software that comes with no restrictions to use or to modify.

It's a self-hosted application which means it can be installed and hosted at private hosting for teams.

What's DeepZoom?

Hence, MicroDraw primarily supports DeepZoom images, it's important to explain it for non-technical users, so what's DeepZoom?

DeepZoom is Microsoft developed technology that supports viewing, panning and zooming a high resolution image or a collection of images. It's primarily built to reduce the time required to load and display such images in web-browsers.

DeepZoom technologies are used in medicine, education, research, exhibits virtual previews.

MicroDraw in action

In medicine DeepZoom images are utilized to display histology/ pathology images, medical diagnostic images, tissues and cell exploration and organ-specific atlas presentations as example brain atlas.

DeepZoom Image is an XML-based file format that can be used to specify a single large image (dzi) or a collection of images (dzc). It also supports Sparse images which allows some part of the image will have different resolution.

Technologies behind the scene

MicroDraw uses OpenSeadragon JavaScript Library which can display, view and zoom DeepZoom image or Deep Zoom images collection with ease.

If you want to know more about OpenSeadragon, we got you covered with this article.


  1. Web-based
  2. Multi-users collaborative system
  3. Login with GitHub or local strategy
  4. Can be installed on any platform with NodeJS
  5. Completely Libre (Free/ Open-source) Software
  6. Large set of annotation tools
  7. Panning tool
  8. Zoom tool
  9. Undo/ Redo option
  10. Image series support
  11. Draw
  12. Polygon shape support
  13. Free style drawing tool
  14. Region editing tools: split, flip, rotate, add and subtract
  15. Screenshot
  16. Find contours
  17. Reset to the basic (home) position
  18. REST-API to access the annotations
  19. Save annotations

How to install MicroDraw

NodeJS is an essential requirement to install, run and use MicroDraw. However, MongoDB Database is also a primary requirement.

Users can login through a local account or with their GitHub accounts. However, MicroDraw user authentication can be extended because it is using PassportJS. PassportJS currently supports 500+ strategies that include Facebook, Twitter, OpenID, SAML, Oauth2, Google, LinkedIn, AWS and more.  

MicroDraw also supports docker install.

git clone 

cd microdraw
# install packages
npm install
# make sure MongoDB is running 
# run the application
npm start 

If everything goes as planned you can view the application at http://localhost:3000


MicroDraw is licensed under GNU GPL v3.


  1. MicroDraw
  2. MicroDraw: GitHub
  3. OpenSeadragon
  4. naat: neuroanatomy applied & theoretical
  5. Deep Zoom

Open-source Apps


Medical Apps




Dev. Resources