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.

Features

  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 https://github.com/r03ert0/microdraw.git 

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


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

License

MicroDraw is licensed under GNU GPL v3.

Resources

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


  • If you are a photographer (a pro of a hobby photographer like me) and want to make a portfolio for your work, you will look for a fast and effective way. Most likely, you have an account at some websites like Flicker, DeviantArt, and even Instagram. These services are free,...Read more...

  • Open Source Software, since its birth, has made people wonder about its effects. The debate is never-ending, and for the right reasons. Giants like Apple have often viewed Open Source skeptically because they are mostly unfounded. However, one cannot deny that these sources are functional and flexible. They are also...Read more...

  • Web+center Web+center is an open-source customizable web-based help desk application that comes to fit unique organizational processes. With it, you will be able to customize the platform to specific business functions. It is used as IT help desk, customer support, asset tracking and facilities management, community colleges,...Read more...

  • A headless software is a program that can work and performs without a user interface. A headless Linux and a headless Google Chrome can perform seamlessly and smoothly without the need to run its GUI. Likewise, a headless web system is a functional web app but without a user interface....Read more...

  • Baby Buddy is a free open-source web-based solution for new parents to help them log, monitor and track their parenting activities. As it is primary function, it helps users log: SleepFeeding routineFeeding methodsDiaper changes Tummy time Soon as the project lunched on GitHub, it gains a lot of attention from...Read more...