How to use IMMARKUS
A video walkthrough of IMMARKUS, the open-source tool for adding semantic, W3C Web Annotation–based annotations to IIIF images, built for researchers.
IIIFWeb AnnotationImage AnnotationDigital Humanities
Narrated walkthrough
Chapters
- 1
Intro & workspace
What IMMARKUS is, and opening the working folder where data is saved
Narration script
- 2
Designing the data model
Schema-first design, Entity Classes / Relationships / metadata, and nine property types
Narration script
- 0:07IMMARKUS follows a "design the schema first, then annotate" approach
- 0:10The Data Model has four sub-tabs
- 0:14Entity Classes: a class hierarchy for people, yokai, and more
- 0:17Relationships: relationship types (directed or undirected)
- 0:21Image Metadata: metadata per image
- 0:25Folder Metadata: metadata per collection (folder)
- 0:27Let's create just one: a purple Yokai class
- 0:34Nine property types Text / Number / Options / Number Range / URI Geo-coordinates / Measurement / Color / External Authority
- 0:40The Yokai class has been added ✓
- 3
Importing images via a IIIF manifest
Importing a IIIF manifest instead of a local image (subject: the Night Parade of One Hundred Demons)
Narration script
- 0:08Instead of a local image, let's use a IIIF manifest
- 0:13You can load images directly from digital archives around the world
- 0:19Subject: "Hyakki Yagyo Zu" from the University of Tokyo Digital Archive
- 0:25Import complete — a huge handscroll at 79,508 × 3,082 pixels
- 0:30With IIIF Image API tiling, even huge images stay responsive
- 4
Drawing annotations
Box / Polygon / Ellipse / Path, the smart tools, and tagging
Narration script
- 0:21We start by taking in the whole scroll
- 0:22Four shapes: Box / Polygon / Ellipse / Path
- 0:24Box: click to start → move → click again to confirm
- 0:31Assign the Yokai tag from the right-hand panel
- 0:47Polygon: place points and close the loop (for irregular silhouettes)
- 0:59The magic-wand icon holds four "smart tools"
- 1:01Smart Scissors / Edge Snap / Auto Select / Auto Transcribe (the latter two use AI and need an API key)
- 5
Drawing relationships
Creating relationships between annotations with the Wires tool
Narration script
- 6
Surveying in the Knowledge Graph
Two graph modes, display options, and search with XLSX export
Narration script
- 0:57Survey everything in the Knowledge Graph
- 0:59Edges run from image [1] to Yokai / Person / Object blue node = image, green node = entity class
- 1:05Two Graph Types Hierarchy & Annotations / Relationships
- 1:08Three display options Hide labels / Show sub-folders / Hide unconnected nodes
- 1:13Combine AND/OR conditions in the search panel results export to XLSX
- 7
Exporting
Exporting W3C Web Annotation JSON-LD and an XLSX with image snippets
Narration script
- 0:42Take your work out — the Export screen
- 0:46Four sub-tabs Annotations / Relationships / Data Model / Metadata
- 0:51Annotation Data is W3C Web Annotation JSON-LD interoperable with other IIIF viewers
- 0:57JSON-LD download succeeded ✓
- 1:00XLSX includes image snippets of each region choose Bounding box or Exact shape
- 1:07XLSX download succeeded ✓
- 1:10Even co-authors without IMMARKUS can review with images in Excel
- 8
Wrap-up — the MARKUS family
Where it sits in the MARKUS family (images via IMMARKUS, text via MARKUS)
Narration script
- 0:10IMMARKUS is part of the MARKUS family
- 0:13MARKUS (text) / COMARKUS (collaboration) COMPARATIVUS (comparison) / PARALLELS (correspondences) MUNDa (multimedia)
- 0:19An ecosystem for working with the same sources from many angles
- 0:22IMMARKUS handles images, MARKUS handles text designed to work together





























![Edges run from image [1] to Yokai / Person / Object
blue node = image, green node = entity class](/images/tutorials/immarkus/en/ch06-c1.jpg)













