docs: Improve NIE ontology introduction

Explain more in depth the relation between dataobject/informationelement,
taking inspiration from the original Nepomuk documentation in wording
and illustrations.

8 files changed, 295 insertions, 25 deletions

diff --git a/docs/reference/libtracker-sparql/images/containment.dot b/docs/reference/libtracker-sparql/images/containment.dot
new file mode 100644
index 000000000..b668c7e11
--- /dev/null
+++ b/docs/reference/libtracker-sparql/images/containment.dot
@@ -0,0 +1,11 @@
+digraph {
+  rankdir=LR;
+  bgcolor=transparent;
+  node [shape="box", style="filled,rounded",fontname="sans-serif", fixedsize=true,width=2];
+
+  "DataObject" [fillcolor="#ff000077"];
+  "InformationElement" [fillcolor="#00ff0077"];
+
+  "DataObject":n -> "InformationElement":n [color="#777777ff",fontcolor="#777777ff",label="isPartOf",fontsize=10,fontname="sans-serif"];
+  "InformationElement":s -> "DataObject":s [color="#777777ff",fontcolor="#777777ff",label="hasPart",fontsize=10,fontname="sans-serif"];
+}
diff --git a/docs/reference/libtracker-sparql/images/containment.svg b/docs/reference/libtracker-sparql/images/containment.svg
new file mode 100644
index 000000000..38788aead
--- /dev/null
+++ b/docs/reference/libtracker-sparql/images/containment.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Generated by graphviz version 7.1.0 (0)
+ -->
+<!-- Pages: 1 -->
+<svg width="370pt" height="112pt"
+ viewBox="0.00 0.00 370.00 111.55" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 107.55)">
+<!-- DataObject -->
+<g id="node1" class="node">
+<title>DataObject</title>
+<path fill="#ff0000" fill-opacity="0.466667" stroke="black" d="M132,-73.55C132,-73.55 12,-73.55 12,-73.55 6,-73.55 0,-67.55 0,-61.55 0,-61.55 0,-49.55 0,-49.55 0,-43.55 6,-37.55 12,-37.55 12,-37.55 132,-37.55 132,-37.55 138,-37.55 144,-43.55 144,-49.55 144,-49.55 144,-61.55 144,-61.55 144,-67.55 138,-73.55 132,-73.55"/>
+<text text-anchor="middle" x="72" y="-51.85" font-family="sans-serif" font-size="14.00">DataObject</text>
+</g>
+<!-- InformationElement -->
+<g id="node2" class="node">
+<title>InformationElement</title>
+<path fill="#00ff00" fill-opacity="0.466667" stroke="black" d="M350,-73.55C350,-73.55 230,-73.55 230,-73.55 224,-73.55 218,-67.55 218,-61.55 218,-61.55 218,-49.55 218,-49.55 218,-43.55 224,-37.55 230,-37.55 230,-37.55 350,-37.55 350,-37.55 356,-37.55 362,-43.55 362,-49.55 362,-49.55 362,-61.55 362,-61.55 362,-67.55 356,-73.55 350,-73.55"/>
+<text text-anchor="middle" x="290" y="-51.85" font-family="sans-serif" font-size="14.00">InformationElement</text>
+</g>
+<!-- DataObject&#45;&gt;InformationElement -->
+<g id="edge1" class="edge">
+<title>DataObject:n&#45;&gt;InformationElement:n</title>
+<path fill="none" stroke="#777777" d="M72,-74.55C72,-95.88 241.15,-98.43 281.45,-82.17"/>
+<polygon fill="#777777" stroke="#777777" points="283.74,-84.83 288.87,-75.56 279.08,-79.6 283.74,-84.83"/>
+<text text-anchor="middle" x="181" y="-95.55" font-family="sans-serif" font-size="10.00" fill="#777777">isPartOf</text>
+</g>
+<!-- InformationElement&#45;&gt;DataObject -->
+<g id="edge2" class="edge">
+<title>InformationElement:s&#45;&gt;DataObject:s</title>
+<path fill="none" stroke="#777777" d="M290,-36.55C290,8.11 104.73,11.6 75.78,-26.08"/>
+<polygon fill="#777777" stroke="#777777" points="72.62,-24.53 72.51,-35.12 79.21,-26.91 72.62,-24.53"/>
+<text text-anchor="middle" x="181" y="-3.55" font-family="sans-serif" font-size="10.00" fill="#777777">hasPart</text>
+</g>
+</g>
+</svg>
diff --git a/docs/reference/libtracker-sparql/images/example-interpretation-containment.dot b/docs/reference/libtracker-sparql/images/example-interpretation-containment.dot
new file mode 100644
index 000000000..f49fdd2be
--- /dev/null
+++ b/docs/reference/libtracker-sparql/images/example-interpretation-containment.dot
@@ -0,0 +1,45 @@
+digraph {
+  rankdir=LR;
+  bgcolor=transparent;
+  node [shape="box", style="filled,rounded",fontname="sans-serif", fixedsize=true,width=2.5];
+
+  a [fillcolor="#ff000077",label="FileDataObject"];
+  b [fillcolor="#ff000077",label="FileDataObject"];
+  c [fillcolor="#ff000077",label="Attachment"];
+  d [fillcolor="#ff000077",label="EmbeddedFileDataObject"];
+
+  a2 [fillcolor="#00ff0077",label="Folder"];
+  b2 [fillcolor="#00ff0077",label="Document"];
+  c2 [fillcolor="#00ff0077",label="Archive"];
+  d2 [fillcolor="#00ff0077",label="Photo"];
+
+  subgraph cluster_do {
+    color=transparent;
+    label = "DataObject";
+    fontname="sans-serif";
+    fontsize=10;
+    a;
+    b;
+    c;
+    d;
+  }
+
+  subgraph cluster_ie {
+    color=transparent;
+    label = "InformationElement";
+    fontname="sans-serif";
+    fontsize=10;
+    a2;
+    b2;
+    c2;
+    d2;
+  }
+
+  a -> a2 [color="#777777ff",dir=back];
+  a2 -> b:ne [color="#777777ff",dir=back];
+  b -> b2 [color="#777777ff",dir=back];
+  b2 -> c:ne [color="#777777ff",dir=back];
+  c -> c2 [color="#777777ff",dir=back];
+  c2 -> d:ne [color="#777777ff",dir=back];
+  d -> d2 [color="#777777ff",dir=back];
+}
diff --git a/docs/reference/libtracker-sparql/images/example-interpretation-containment.svg b/docs/reference/libtracker-sparql/images/example-interpretation-containment.svg
new file mode 100644
index 000000000..8a7ba7c44
--- /dev/null
+++ b/docs/reference/libtracker-sparql/images/example-interpretation-containment.svg
@@ -0,0 +1,111 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Generated by graphviz version 7.1.0 (0)
+ -->
+<!-- Pages: 1 -->
+<svg width="436pt" height="257pt"
+ viewBox="0.00 0.00 436.00 257.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 253)">
+<g id="clust1" class="cluster">
+<title>cluster_do</title>
+<polygon fill="none" stroke="none" points="8,-8 8,-241 204,-241 204,-8 8,-8"/>
+<text text-anchor="middle" x="106" y="-229" font-family="sans-serif" font-size="10.00">DataObject</text>
+</g>
+<g id="clust2" class="cluster">
+<title>cluster_ie</title>
+<polygon fill="none" stroke="none" points="224,-8 224,-241 420,-241 420,-8 224,-8"/>
+<text text-anchor="middle" x="322" y="-229" font-family="sans-serif" font-size="10.00">InformationElement</text>
+</g>
+<!-- a -->
+<g id="node1" class="node">
+<title>a</title>
+<path fill="#ff0000" fill-opacity="0.466667" stroke="black" d="M184,-214C184,-214 28,-214 28,-214 22,-214 16,-208 16,-202 16,-202 16,-190 16,-190 16,-184 22,-178 28,-178 28,-178 184,-178 184,-178 190,-178 196,-184 196,-190 196,-190 196,-202 196,-202 196,-208 190,-214 184,-214"/>
+<text text-anchor="middle" x="106" y="-192.3" font-family="sans-serif" font-size="14.00">FileDataObject</text>
+</g>
+<!-- a2 -->
+<g id="node5" class="node">
+<title>a2</title>
+<path fill="#00ff00" fill-opacity="0.466667" stroke="black" d="M400,-214C400,-214 244,-214 244,-214 238,-214 232,-208 232,-202 232,-202 232,-190 232,-190 232,-184 238,-178 244,-178 244,-178 400,-178 400,-178 406,-178 412,-184 412,-190 412,-190 412,-202 412,-202 412,-208 406,-214 400,-214"/>
+<text text-anchor="middle" x="322" y="-192.3" font-family="sans-serif" font-size="14.00">Folder</text>
+</g>
+<!-- a&#45;&gt;a2 -->
+<g id="edge1" class="edge">
+<title>a&#45;&gt;a2</title>
+<path fill="none" stroke="#777777" d="M207.52,-196C215.56,-196 223.64,-196 231.59,-196"/>
+<polygon fill="#777777" stroke="#777777" points="207.72,-192.5 197.72,-196 207.72,-199.5 207.72,-192.5"/>
+</g>
+<!-- b -->
+<g id="node2" class="node">
+<title>b</title>
+<path fill="#ff0000" fill-opacity="0.466667" stroke="black" d="M184,-160C184,-160 28,-160 28,-160 22,-160 16,-154 16,-148 16,-148 16,-136 16,-136 16,-130 22,-124 28,-124 28,-124 184,-124 184,-124 190,-124 196,-130 196,-136 196,-136 196,-148 196,-148 196,-154 190,-160 184,-160"/>
+<text text-anchor="middle" x="106" y="-138.3" font-family="sans-serif" font-size="14.00">FileDataObject</text>
+</g>
+<!-- b2 -->
+<g id="node6" class="node">
+<title>b2</title>
+<path fill="#00ff00" fill-opacity="0.466667" stroke="black" d="M400,-160C400,-160 244,-160 244,-160 238,-160 232,-154 232,-148 232,-148 232,-136 232,-136 232,-130 238,-124 244,-124 244,-124 400,-124 400,-124 406,-124 412,-130 412,-136 412,-136 412,-148 412,-148 412,-154 406,-160 400,-160"/>
+<text text-anchor="middle" x="322" y="-138.3" font-family="sans-serif" font-size="14.00">Document</text>
+</g>
+<!-- b&#45;&gt;b2 -->
+<g id="edge3" class="edge">
+<title>b&#45;&gt;b2</title>
+<path fill="none" stroke="#777777" d="M207.52,-142C215.56,-142 223.64,-142 231.59,-142"/>
+<polygon fill="#777777" stroke="#777777" points="207.72,-138.5 197.72,-142 207.72,-145.5 207.72,-138.5"/>
+</g>
+<!-- c -->
+<g id="node3" class="node">
+<title>c</title>
+<path fill="#ff0000" fill-opacity="0.466667" stroke="black" d="M184,-106C184,-106 28,-106 28,-106 22,-106 16,-100 16,-94 16,-94 16,-82 16,-82 16,-76 22,-70 28,-70 28,-70 184,-70 184,-70 190,-70 196,-76 196,-82 196,-82 196,-94 196,-94 196,-100 190,-106 184,-106"/>
+<text text-anchor="middle" x="106" y="-84.3" font-family="sans-serif" font-size="14.00">Attachment</text>
+</g>
+<!-- c2 -->
+<g id="node7" class="node">
+<title>c2</title>
+<path fill="#00ff00" fill-opacity="0.466667" stroke="black" d="M400,-106C400,-106 244,-106 244,-106 238,-106 232,-100 232,-94 232,-94 232,-82 232,-82 232,-76 238,-70 244,-70 244,-70 400,-70 400,-70 406,-70 412,-76 412,-82 412,-82 412,-94 412,-94 412,-100 406,-106 400,-106"/>
+<text text-anchor="middle" x="322" y="-84.3" font-family="sans-serif" font-size="14.00">Archive</text>
+</g>
+<!-- c&#45;&gt;c2 -->
+<g id="edge5" class="edge">
+<title>c&#45;&gt;c2</title>
+<path fill="none" stroke="#777777" d="M207.52,-88C215.56,-88 223.64,-88 231.59,-88"/>
+<polygon fill="#777777" stroke="#777777" points="207.72,-84.5 197.72,-88 207.72,-91.5 207.72,-84.5"/>
+</g>
+<!-- d -->
+<g id="node4" class="node">
+<title>d</title>
+<path fill="#ff0000" fill-opacity="0.466667" stroke="black" d="M184,-52C184,-52 28,-52 28,-52 22,-52 16,-46 16,-40 16,-40 16,-28 16,-28 16,-22 22,-16 28,-16 28,-16 184,-16 184,-16 190,-16 196,-22 196,-28 196,-28 196,-40 196,-40 196,-46 190,-52 184,-52"/>
+<text text-anchor="middle" x="106" y="-30.3" font-family="sans-serif" font-size="14.00">EmbeddedFileDataObject</text>
+</g>
+<!-- d2 -->
+<g id="node8" class="node">
+<title>d2</title>
+<path fill="#00ff00" fill-opacity="0.466667" stroke="black" d="M400,-52C400,-52 244,-52 244,-52 238,-52 232,-46 232,-40 232,-40 232,-28 232,-28 232,-22 238,-16 244,-16 244,-16 400,-16 400,-16 406,-16 412,-22 412,-28 412,-28 412,-40 412,-40 412,-46 406,-52 400,-52"/>
+<text text-anchor="middle" x="322" y="-30.3" font-family="sans-serif" font-size="14.00">Photo</text>
+</g>
+<!-- d&#45;&gt;d2 -->
+<g id="edge7" class="edge">
+<title>d&#45;&gt;d2</title>
+<path fill="none" stroke="#777777" d="M207.52,-34C215.56,-34 223.64,-34 231.59,-34"/>
+<polygon fill="#777777" stroke="#777777" points="207.72,-30.5 197.72,-34 207.72,-37.5 207.72,-30.5"/>
+</g>
+<!-- a2&#45;&gt;b -->
+<g id="edge2" class="edge">
+<title>a2&#45;&gt;b:ne</title>
+<path fill="none" stroke="#777777" d="M221.38,-178.35C211.64,-173.59 202.58,-167.58 195,-160"/>
+<polygon fill="#777777" stroke="#777777" points="219.79,-181.48 230.35,-182.27 222.59,-175.06 219.79,-181.48"/>
+</g>
+<!-- b2&#45;&gt;c -->
+<g id="edge4" class="edge">
+<title>b2&#45;&gt;c:ne</title>
+<path fill="none" stroke="#777777" d="M221.38,-124.35C211.64,-119.59 202.58,-113.58 195,-106"/>
+<polygon fill="#777777" stroke="#777777" points="219.79,-127.48 230.35,-128.27 222.59,-121.06 219.79,-127.48"/>
+</g>
+<!-- c2&#45;&gt;d -->
+<g id="edge6" class="edge">
+<title>c2&#45;&gt;d:ne</title>
+<path fill="none" stroke="#777777" d="M221.38,-70.35C211.64,-65.59 202.58,-59.58 195,-52"/>
+<polygon fill="#777777" stroke="#777777" points="219.79,-73.48 230.35,-74.27 222.59,-67.06 219.79,-73.48"/>
+</g>
+</g>
+</svg>
diff --git a/docs/reference/libtracker-sparql/images/interpretation.dot b/docs/reference/libtracker-sparql/images/interpretation.dot
new file mode 100644
index 000000000..ba8378742
--- /dev/null
+++ b/docs/reference/libtracker-sparql/images/interpretation.dot
@@ -0,0 +1,11 @@
+digraph {
+  rankdir=LR;
+  bgcolor=transparent;
+  node [shape="box", style="filled,rounded",fontname="sans-serif", fixedsize=true,width=2];
+
+  "DataObject" [fillcolor="#ff000077"];
+  "InformationElement" [fillcolor="#00ff0077"];
+
+  "DataObject":n -> "InformationElement":n [color="#777777ff",fontcolor="#777777ff",label="interpretedAs",fontsize=10,fontname="sans-serif"];
+  "InformationElement":s -> "DataObject":s [color="#777777ff",fontcolor="#777777ff",label="isStoredAs",fontsize=10,fontname="sans-serif"];
+}
diff --git a/docs/reference/libtracker-sparql/images/interpretation.svg b/docs/reference/libtracker-sparql/images/interpretation.svg
new file mode 100644
index 000000000..27931e5dd
--- /dev/null
+++ b/docs/reference/libtracker-sparql/images/interpretation.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Generated by graphviz version 7.1.0 (0)
+ -->
+<!-- Pages: 1 -->
+<svg width="398pt" height="118pt"
+ viewBox="0.00 0.00 398.00 118.24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 114.24)">
+<!-- DataObject -->
+<g id="node1" class="node">
+<title>DataObject</title>
+<path fill="#ff0000" fill-opacity="0.466667" stroke="black" d="M132,-78.24C132,-78.24 12,-78.24 12,-78.24 6,-78.24 0,-72.24 0,-66.24 0,-66.24 0,-54.24 0,-54.24 0,-48.24 6,-42.24 12,-42.24 12,-42.24 132,-42.24 132,-42.24 138,-42.24 144,-48.24 144,-54.24 144,-54.24 144,-66.24 144,-66.24 144,-72.24 138,-78.24 132,-78.24"/>
+<text text-anchor="middle" x="72" y="-56.54" font-family="sans-serif" font-size="14.00">DataObject</text>
+</g>
+<!-- InformationElement -->
+<g id="node2" class="node">
+<title>InformationElement</title>
+<path fill="#00ff00" fill-opacity="0.466667" stroke="black" d="M378,-78.24C378,-78.24 258,-78.24 258,-78.24 252,-78.24 246,-72.24 246,-66.24 246,-66.24 246,-54.24 246,-54.24 246,-48.24 252,-42.24 258,-42.24 258,-42.24 378,-42.24 378,-42.24 384,-42.24 390,-48.24 390,-54.24 390,-54.24 390,-66.24 390,-66.24 390,-72.24 384,-78.24 378,-78.24"/>
+<text text-anchor="middle" x="318" y="-56.54" font-family="sans-serif" font-size="14.00">InformationElement</text>
+</g>
+<!-- DataObject&#45;&gt;InformationElement -->
+<g id="edge1" class="edge">
+<title>DataObject:n&#45;&gt;InformationElement:n</title>
+<path fill="none" stroke="#777777" d="M72,-79.24C72,-103.59 267.13,-106.25 309.82,-87.23"/>
+<polygon fill="#777777" stroke="#777777" points="312.2,-89.79 316.92,-80.3 307.32,-84.78 312.2,-89.79"/>
+<text text-anchor="middle" x="195" y="-102.24" font-family="sans-serif" font-size="10.00" fill="#777777">interpretedAs</text>
+</g>
+<!-- InformationElement&#45;&gt;DataObject -->
+<g id="edge2" class="edge">
+<title>InformationElement:s&#45;&gt;DataObject:s</title>
+<path fill="none" stroke="#777777" d="M318,-41.24C318,9.58 105.38,13.15 75.48,-30.52"/>
+<polygon fill="#777777" stroke="#777777" points="72.22,-29.21 72.47,-39.8 78.88,-31.37 72.22,-29.21"/>
+<text text-anchor="middle" x="195" y="-5.24" font-family="sans-serif" font-size="10.00" fill="#777777">isStoredAs</text>
+</g>
+</g>
+</svg>
diff --git a/docs/reference/libtracker-sparql/nie-introduction.md b/docs/reference/libtracker-sparql/nie-introduction.md
index f79535281..8d7478e7e 100644
--- a/docs/reference/libtracker-sparql/nie-introduction.md
+++ b/docs/reference/libtracker-sparql/nie-introduction.md
@@ -9,22 +9,33 @@ and content of a piece of data. Their specialized subclasses (defined
 in the other ontologies) can be used to classify
 a wide array of desktop resources and express them in RDF.
 
-[nie:DataObject](nie-ontology.html#nie:DataObject) class represents a bunch of
+[nie:DataObject](nie-ontology.html#nie:DataObject) class represents a collection of
 bytes somewhere (local or remote), the physical entity that contain
-data. The *meaning* (interpretation) of that entity, the
-information for the user contained in those bytes (e.g. a music file,
+data. The *meaning* (interpretation) of that entity (e.g. a music file,
 a picture) is represented on the
 [nie:InformationElement](nie-ontology.html#nie:InformationElement) side of the
 ontology.
 
-Both sides are linked using the
-property [nie:interpretedAs](nie-ontology.html#nie:interpretedAs) (and its reverse
-[nie:isStoredAs](nie-ontology.html#nie:isStoredAs)), indicating the correspondence
-between the physical element and its interpretation. There is also a
-property to
-link [nie:InformationElement](nie-ontology.html#nie:InformationElement)s,
-representing the logical containment between them (like a picture and
-its album).
+All resources on the desktop are basically related to each other with two most fundamental types
+of relations: interpretation, Expressed through [nie:interpretedAs](nie-ontology.html#nie:interpretedAs) and its reverse
+[nie:isStoredAs](nie-ontology.html#nie:isStoredAs).
+
+![](interpretation.svg)
+
+And containment, expressed through [nie:hasPart](nie-ontology.html#nie:hasPart) and its reverse
+[nie:isPartOf](nie-ontology.html#nie:isPartOf).
+
+![](containment.svg)
+
+These properties (or their subproperties with a more specific semantic meaning) provide
+the scaffolding to give an uniform view of the data with an arbitrary level of detail.
+For a more thorough example, the figure below represents an image in an archive in the
+attachment of a PDF document in the filesystem:
+
+![](example-interpretation-containment.svg)
+
+The horizontal edges express interpretation, the diagonal edges express containment.
+This approach gives a uniform overview of data regardless of how it's represented.
 
 ## Common properties
 
@@ -57,26 +68,30 @@ One of the most common resources in a desktop is a file. Given the split between
  1. Every file (local or remote) should generate one DataObject instance and an InformationElement instance.
  2. Even when Data Objects and Information Elements are different entities.
  3. The URI of the DataObject is the real location of the item (e.g. ''file://path/to/file.mp3'')
- 3. The URI of the InformationElement(s) will be autogenerated IDs.
+ 3. The URI of the InformationElement(s) will be generated IDs.
  4. Every DataObject must have the property [nie:url](nie-ontology.html#nie:url), that points to the location of the resource, and should be used by any program that wants to access it.
- 5. The InformationElement and DataObject are related via the nie:isStoredAs / nie:interpretedAs properties.
+ 5. The InformationElement and DataObject are related via the [nie:isStoredAs](nie-ontology.html#nie:isStoredAs) / [nie:interpretedAs](nie-ontology.html#nie:interpretedAs) properties.
 
-Here comes an example, for the image file /home/user/a.jpeg:
+Here comes an example, for the image file `/home/user/a.jpeg`:
 
-```
+```turtle
 # Properties as nmm:Photo
 <urn:uuid:10293801928301293> a nmm:Photo ;
-	nie:isStoredAs <file:///home/user/a.jpeg> ;
-	nfo:width 49 ;
-	nfo:height 36 ;
-	nmm:flash &lt;nmm:flash-off&gt;;
-	nmm:whiteBalance <nmm:white-balance-automatic> ;
-	nfo:equipment [ a nfo:Equipment ; nfo:make 'Nokia'; nfo:model 'N900'; nfo:equipmentSoftware 'Tracknon' ] .
+  nie:isStoredAs <file:///home/user/a.jpeg> ;
+  nfo:width 49 ;
+  nfo:height 36 ;
+  nmm:flash nmm:flash-off;
+  nmm:whiteBalance nmm:white-balance-automatic ;
+  nfo:equipment [
+    a nfo:Equipment ;
+    nfo:make 'Nokia';
+    nfo:model 'N900';
+    nfo:equipmentSoftware 'Tracknon'
+  ] .
 
 # Properties from nfo:FileDataObject
 <file:///home/user/a.jpeg> a nfo:FileDataObject ;
-	nie:interpretedAs <urn:uuid:10293801928301293> ;
-	nfo:fileSize 12341234 ;
-	# Mandatory for any nfo:DataObject
-	nie:url <file:///home/user/a.jpeg> .
+  nie:interpretedAs <urn:uuid:10293801928301293> ;
+  nfo:fileSize 12341234 ;
+  nie:url 'file:///home/user/a.jpeg' .
 ```
diff --git a/docs/reference/libtracker-sparql/tracker-sparql.toml.in b/docs/reference/libtracker-sparql/tracker-sparql.toml.in
index ceae430d3..6739e6714 100644
--- a/docs/reference/libtracker-sparql/tracker-sparql.toml.in
+++ b/docs/reference/libtracker-sparql/tracker-sparql.toml.in
@@ -36,6 +36,9 @@ content_files = [
 ]
 content_images = [
     "logo.svg",
+    "images/interpretation.svg",
+    "images/containment.svg",
+    "images/example-interpretation-containment.svg",
 ]
 
 urlmap_file = "urlmap.js"