diff --git a/vocab/security/template.html b/vocab/security/template.html
index eb800ce4..3b5a5a17 100644
--- a/vocab/security/template.html
+++ b/vocab/security/template.html
@@ -9,6 +9,14 @@
           const p = sotd.getElementsByTagName('p')[0];
           sotd.removeChild(p);
       }
+      // Note: The vocabulary URL must be adapted for the given environment!!!!
+      function massageSVGLinks(utils, content, url) {
+        const retval = content
+          .replace('<svg', '<svg aria-details="#vocabulary-diagram-alt" ')
+          .replace(/xlink:href/g, 'href')
+          .replace(/href="https:\/\/w3id.org\/security#/g, 'href="#');
+        return retval;
+      }
     </script>
     <script class="remove">
       var respecConfig = {
@@ -142,6 +150,18 @@ <h2>Specification of terms</h2>
         involved. For such cases, the extra definition is included in the current document (and the `rdfs:comment` property
         is used to include them in the RDFS representations).
       </p>
+      <figure id="vocabulary-diagram" style="text-align:center">
+        <!--
+                Original diagram is in https://drive.google.com/file/d/1-kg7AzhahSzIwiIHeh5ANGJB_JK-kugs/view?usp=drive_link
+                using the draw.io (diagrams.net plugin for google).
+              -->
+        <div data-include="vocabulary.svg" data-include-replace="true" data-oninclude="massageSVGLinks"></div>
+        <figcaption>Overview diagram of the vocabulary (without the deprecated items, the error codes, and xsd datatypes).<br />
+          A separate, stand-alone <a href="vocabulary.svg" target="_blank">SVG version</a> of the diagram, as well as a <a
+            href="#vocabulary-diagram-alt">textual description</a>,
+          are also available.
+        </figcaption>
+      </figure>
     </section>
 
     <section>
@@ -161,6 +181,10 @@ <h2>Class definitions</h2>
       <section id="property_definitions" class="term_definitions">
         <h2>Property definitions</h2>
       </section>
+
+      <section id="datatype_definitions" class="term_definitions">
+        <h2>Datatype definitions</h2>
+      </section>
   
       <section id="individual_definitions" class="term_definitions">
         <h2>Definitions for individuals</h2>
@@ -182,6 +206,10 @@ <h2>Reserved classes</h2>
       <section id="reserved_property_definitions" class="term_definitions">
         <h2>Reserved properties</h2>
       </section>
+
+      <section id="reserved_datatype_definitions" class="term_definitions">
+        <h2>Reserved datatype definitions</h2>
+      </section>
     
       <section id="reserved_individual_definitions" class="term_definitions">
         <h2>Reserved individuals</h2>
@@ -198,6 +226,10 @@ <h1>Deprecated terms</h1>
       <section id="deprecated_class_definitions" class="term_definitions">
         <h2>Deprecated classes</h2>
       </section>
+
+      <section id="deprecated_datatype_definitions" class="term_definitions">
+        <h2>Deprecated datatype definitions</h2>
+      </section>
   
       <section id="deprecated_property_definitions" class="term_definitions">
         <h2>Deprecated properties</h2>
@@ -207,5 +239,16 @@ <h2>Deprecated properties</h2>
         <h2>Deprecated individuals</h2>
       </section>
     </section>   
+
+
+    <section class="appendix" id="vocabulary-diagram-alt">
+      <h2>Diagram description</h2>
+      <details>
+        <summary>Overview diagram of the vocabulary (without the deprecated items).</summary>
+        <p>t.b.d.</p>
+      </details>
+    </section>
+
+
   </body>
 </html>
diff --git a/vocab/security/vocabulary.svg b/vocab/security/vocabulary.svg
new file mode 100644
index 00000000..da947263
--- /dev/null
+++ b/vocab/security/vocabulary.svg
@@ -0,0 +1,744 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="background-color:#fff" viewBox="-0.5 -0.5 1437 927">
+    <rect width="1019" height="48" x="208.38" y="857.01" fill="none" stroke="#000" stroke-dasharray="3 3" pointer-events="none"/>
+    <ellipse cx="321.43" cy="881" fill="#d5e8d4" stroke="#82b366" pointer-events="none" rx="42.188" ry="9.547"/>
+    <switch transform="translate(-.5 -.5)">
+        <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+            <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:1px;height:1px;padding-top:881px;margin-left:247px">
+                <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                    <div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:nowrap">
+                        Class
+                    </div>
+                </div>
+            </div>
+        </foreignObject>
+        <text x="247" y="885" font-family="Helvetica" font-size="12" text-anchor="middle">Class</text>
+    </switch>
+    <rect width="67.5" height="16.15" x="468.69" y="872.93" fill="#fff2cc" stroke="#300" pointer-events="none" rx="2.42" ry="2.42"/>
+    <switch transform="translate(-.5 -.5)">
+        <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+            <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:1px;height:1px;padding-top:881px;margin-left:428px">
+                <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                    <div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:nowrap">
+                        Property
+                    </div>
+                </div>
+            </div>
+        </foreignObject>
+        <text x="428" y="885" font-family="Helvetica" font-size="12" text-anchor="middle">Property</text>
+    </switch>
+    <path fill="none" stroke="#000" stroke-miterlimit="10" d="m818.69 880.24 61.13.38" pointer-events="none"/>
+    <path stroke="#000" stroke-miterlimit="10" d="m885.07 880.65-7.02 3.46 1.77-3.49-1.72-3.51Z" pointer-events="none"/>
+    <switch transform="translate(-.5 -.5)">
+        <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+            <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:1px;height:1px;padding-top:881px;margin-left:778px">
+                <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                    <div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:nowrap">
+                        Subclass
+                    </div>
+                </div>
+            </div>
+        </foreignObject>
+        <text x="778" y="885" font-family="Helvetica" font-size="12" text-anchor="middle">Subclass</text>
+    </switch>
+    <path fill="none" stroke="#f33" stroke-dasharray="3 3" stroke-miterlimit="10" d="m994.96 880.67 39.54.03 20.25-.04" pointer-events="none"/>
+    <path fill="none" stroke="#f33" stroke-miterlimit="10" d="m987.96 880.66 3.5-3.5 3.5 3.51-3.5 3.49Z" pointer-events="none"/>
+    <switch transform="translate(-.5 -.5)">
+        <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+            <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:1px;height:1px;padding-top:881px;margin-left:950px">
+                <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                    <div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:nowrap">
+                        Domain
+                    </div>
+                </div>
+            </div>
+        </foreignObject>
+        <text x="950" y="885" font-family="Helvetica" font-size="12" text-anchor="middle">Domain</text>
+    </switch>
+    <path fill="none" stroke="#00c" stroke-dasharray="3 3" stroke-miterlimit="10" d="M1146.5 880.66h61.13" pointer-events="none"/>
+    <path fill="#00c" stroke="#00c" stroke-miterlimit="10" d="m1212.88 880.66-7 3.5 1.75-3.5-1.75-3.5Z" pointer-events="none"/>
+    <switch transform="translate(-.5 -.5)">
+        <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+            <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:1px;height:1px;padding-top:881px;margin-left:1109px">
+                <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                    <div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:nowrap">
+                        Range
+                    </div>
+                </div>
+            </div>
+        </foreignObject>
+        <text x="1109" y="885" font-family="Helvetica" font-size="12" text-anchor="middle">Range</text>
+    </switch>
+    <path fill="#c0d9ec" stroke="#000" stroke-miterlimit="10" d="M649.75 872.51h46.96l20 8.5-20 8.5h-46.96l-20-8.5Z" pointer-events="none"/>
+    <switch transform="translate(-.5 -.5)">
+        <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+            <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:1px;height:1px;padding-top:881px;margin-left:594px">
+                <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                    <div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:nowrap">
+                        Datatype
+                    </div>
+                </div>
+            </div>
+        </foreignObject>
+        <text x="594" y="885" font-family="Helvetica" font-size="12" text-anchor="middle">Datatype</text>
+    </switch>
+    <a xlink:href="https://w3id.org/security#Proof">
+        <ellipse cx="330.5" cy="41.5" fill="#d5e8d4" stroke="#82b366" rx="95" ry="21.5"/>
+        <switch transform="translate(-.5 -.5)">
+            <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+                <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:188px;height:1px;padding-top:42px;margin-left:237px">
+                    <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                        <div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
+                            <font style="font-size:14px">
+                                <i>
+                                    Proof
+                                </i>
+                            </font>
+                        </div>
+                    </div>
+                </div>
+            </foreignObject>
+            <text x="331" y="45" font-family="Helvetica" font-size="12" text-anchor="middle">Proof</text>
+        </switch>
+    </a>
+    <a xlink:href="https://w3id.org/security#DataIntegrityProof">
+        <ellipse cx="330" cy="426.5" fill="#d5e8d4" stroke="#82b366" rx="95" ry="21.5"/>
+        <switch transform="translate(-.5 -.5)">
+            <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+                <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:188px;height:1px;padding-top:427px;margin-left:236px">
+                    <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                        <div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
+                            <font style="font-size:14px">
+                                <i>
+                                    DataIntegrityProof
+                                </i>
+                            </font>
+                        </div>
+                    </div>
+                </div>
+            </foreignObject>
+            <text x="330" y="430" font-family="Helvetica" font-size="12" text-anchor="middle">DataIntegrityProof</text>
+        </switch>
+    </a>
+    <a xlink:href="https://w3id.org/security#Ed25519Signature2020">
+        <ellipse cx="531" cy="244.5" fill="#d5e8d4" stroke="#82b366" rx="95" ry="21.5"/>
+        <switch transform="translate(-.5 -.5)">
+            <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+                <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:188px;height:1px;padding-top:245px;margin-left:437px">
+                    <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                        <div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
+                            <font style="font-size:14px">
+                                <i>
+                                    Ed25519Signature2020
+                                </i>
+                            </font>
+                        </div>
+                    </div>
+                </div>
+            </foreignObject>
+            <text x="531" y="248" font-family="Helvetica" font-size="12" text-anchor="middle">Ed25519Signature2020</text>
+        </switch>
+    </a>
+    <path fill="none" stroke="#f33" stroke-dasharray="3 3" stroke-miterlimit="10" d="M180 102q82.5 0 82.53-37.77"/>
+    <path fill="none" stroke="#f33" stroke-miterlimit="10" d="m262.54 57.23 3.5 3.5-3.51 3.5-3.49-3.5Z"/>
+    <a xlink:href="https://w3id.org/security#domain">
+        <rect width="160" height="30" x="20" y="87" fill="#fff2cc" stroke="#300" rx="4.5" ry="4.5"/>
+        <switch transform="translate(-.5 -.5)">
+            <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+                <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:158px;height:1px;padding-top:102px;margin-left:21px">
+                    <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                        <div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
+                            <font style="font-size:14px">
+                                <i>
+                                    domain
+                                </i>
+                            </font>
+                        </div>
+                    </div>
+                </div>
+            </foreignObject>
+            <text x="100" y="106" font-family="Helvetica" font-size="12" text-anchor="middle">domain</text>
+        </switch>
+    </a>
+    <path fill="none" stroke="#f33" stroke-dasharray="3 3" stroke-miterlimit="10" d="M180 151q82.5 0 82.54-86.77"/>
+    <path fill="none" stroke="#f33" stroke-miterlimit="10" d="m262.54 57.23 3.5 3.5-3.5 3.5-3.5-3.5Z"/>
+    <a xlink:href="https://w3id.org/security#challenge">
+        <rect width="160" height="30" x="20" y="136" fill="#fff2cc" stroke="#300" rx="4.5" ry="4.5"/>
+        <switch transform="translate(-.5 -.5)">
+            <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+                <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:158px;height:1px;padding-top:151px;margin-left:21px">
+                    <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                        <div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
+                            <font style="font-size:14px">
+                                <i>
+                                    challenge
+                                </i>
+                            </font>
+                        </div>
+                    </div>
+                </div>
+            </foreignObject>
+            <text x="100" y="155" font-family="Helvetica" font-size="12" text-anchor="middle">challenge</text>
+        </switch>
+    </a>
+    <path fill="none" stroke="#f33" stroke-dasharray="3 3" stroke-miterlimit="10" d="M180 200q82.5 0 82.54-135.77"/>
+    <path fill="none" stroke="#f33" stroke-miterlimit="10" d="m262.54 57.23 3.5 3.5-3.5 3.5-3.5-3.5Z"/>
+    <a xlink:href="https://w3id.org/security#previousProof">
+        <rect width="160" height="30" x="20" y="185" fill="#fff2cc" stroke="#300" rx="4.5" ry="4.5"/>
+        <switch transform="translate(-.5 -.5)">
+            <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+                <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:158px;height:1px;padding-top:200px;margin-left:21px">
+                    <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                        <div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
+                            <font style="font-size:14px">
+                                <i>
+                                    previousProof
+                                </i>
+                            </font>
+                        </div>
+                    </div>
+                </div>
+            </foreignObject>
+            <text x="100" y="204" font-family="Helvetica" font-size="12" text-anchor="middle">previousProof</text>
+        </switch>
+    </a>
+    <path fill="none" stroke="#f33" stroke-dasharray="3 3" stroke-miterlimit="10" d="M180 249q82.5 0 82.54-184.77"/>
+    <path fill="none" stroke="#f33" stroke-miterlimit="10" d="m262.54 57.23 3.5 3.5-3.5 3.5-3.5-3.5Z"/>
+    <a xlink:href="https://w3id.org/security#proofPurpose">
+        <rect width="160" height="30" x="20" y="234" fill="#fff2cc" stroke="#300" rx="4.5" ry="4.5"/>
+        <switch transform="translate(-.5 -.5)">
+            <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+                <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:158px;height:1px;padding-top:249px;margin-left:21px">
+                    <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                        <div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
+                            <font style="font-size:14px">
+                                <i>
+                                    proofPurpose
+                                </i>
+                            </font>
+                        </div>
+                    </div>
+                </div>
+            </foreignObject>
+            <text x="100" y="253" font-family="Helvetica" font-size="12" text-anchor="middle">proofPurpose</text>
+        </switch>
+    </a>
+    <path fill="none" stroke="#f33" stroke-dasharray="3 3" stroke-miterlimit="10" d="M180 297q82.5 0 82.54-232.77"/>
+    <path fill="none" stroke="#f33" stroke-miterlimit="10" d="m262.54 57.23 3.5 3.5-3.5 3.5-3.5-3.5Z"/>
+    <a xlink:href="https://w3id.org/security#proofValue">
+        <rect width="160" height="30" x="20" y="282" fill="#fff2cc" stroke="#300" rx="4.5" ry="4.5"/>
+        <switch transform="translate(-.5 -.5)">
+            <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+                <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:158px;height:1px;padding-top:297px;margin-left:21px">
+                    <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                        <div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
+                            <font style="font-size:14px">
+                                <i>
+                                    proofValue
+                                </i>
+                            </font>
+                        </div>
+                    </div>
+                </div>
+            </foreignObject>
+            <text x="100" y="301" font-family="Helvetica" font-size="12" text-anchor="middle">proofValue</text>
+        </switch>
+    </a>
+    <path fill="none" stroke="#f33" stroke-dasharray="3 3" stroke-miterlimit="10" d="M180 346q82.5 0 82.54-281.77"/>
+    <path fill="none" stroke="#f33" stroke-miterlimit="10" d="m262.54 57.23 3.5 3.5-3.5 3.5-3.5-3.5Z"/>
+    <a xlink:href="https://w3id.org/security#expires">
+        <rect width="160" height="30" x="20" y="331" fill="#fff2cc" stroke="#300" rx="4.5" ry="4.5"/>
+        <switch transform="translate(-.5 -.5)">
+            <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+                <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:158px;height:1px;padding-top:346px;margin-left:21px">
+                    <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                        <div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
+                            <font style="font-size:14px">
+                                <i>
+                                    expires
+                                </i>
+                            </font>
+                        </div>
+                    </div>
+                </div>
+            </foreignObject>
+            <text x="100" y="350" font-family="Helvetica" font-size="12" text-anchor="middle">expires</text>
+        </switch>
+    </a>
+    <path fill="none" stroke="#f33" stroke-dasharray="3 3" stroke-miterlimit="10" d="M180 395q82.5 0 82.54-330.77"/>
+    <path fill="none" stroke="#f33" stroke-miterlimit="10" d="m262.54 57.23 3.5 3.5-3.5 3.5-3.5-3.5Z"/>
+    <a xlink:href="https://w3id.org/security#nonce">
+        <rect width="160" height="30" x="20" y="380" fill="#fff2cc" stroke="#300" rx="4.5" ry="4.5"/>
+        <switch transform="translate(-.5 -.5)">
+            <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+                <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:158px;height:1px;padding-top:395px;margin-left:21px">
+                    <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                        <div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
+                            <font style="font-size:14px">
+                                <i>
+                                    nonce
+                                    <br/>
+                                </i>
+                            </font>
+                        </div>
+                    </div>
+                </div>
+            </foreignObject>
+            <text x="100" y="399" font-family="Helvetica" font-size="12" text-anchor="middle">nonce
+</text>
+        </switch>
+    </a>
+    <a xlink:href="https://w3id.org/security#cryptosuite">
+        <rect width="160" height="30" x="250" y="517" fill="#fff2cc" stroke="#300" rx="4.5" ry="4.5"/>
+        <switch transform="translate(-.5 -.5)">
+            <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+                <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:158px;height:1px;padding-top:532px;margin-left:251px">
+                    <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                        <div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
+                            <font style="font-size:14px">
+                                <i>
+                                    cryptosuite
+                                </i>
+                            </font>
+                        </div>
+                    </div>
+                </div>
+            </foreignObject>
+            <text x="330" y="536" font-family="Helvetica" font-size="12" text-anchor="middle">cryptosuite</text>
+        </switch>
+    </a>
+    <path fill="none" stroke="#000" stroke-miterlimit="10" d="M330 405q0-171 .48-335.63"/>
+    <path stroke="#000" stroke-miterlimit="10" d="m330.5 64.12 3.48 7.01-3.5-1.76-3.5 1.74Z"/>
+    <path fill="none" stroke="#000" stroke-miterlimit="10" d="M531 223q0-80-100.25-80T330.5 69.37"/>
+    <path stroke="#000" stroke-miterlimit="10" d="m330.5 64.12 3.5 7-3.5-1.75-3.5 1.75Z"/>
+    <path fill="none" stroke="#00c" stroke-dasharray="3 3" stroke-miterlimit="10" d="M180 200q218.5 0 218.46-137.11"/>
+    <path fill="#00c" stroke="#00c" stroke-miterlimit="10" d="m398.46 57.64 3.5 7-3.5-1.75-3.5 1.75Z"/>
+    <path fill="none" stroke="#f33" stroke-dasharray="3 3" stroke-miterlimit="10" d="M330 455.71V517"/>
+    <path fill="none" stroke="#f33" stroke-miterlimit="10" d="m330 448.71 3.5 3.5-3.5 3.5-3.5-3.5Z"/>
+    <rect width="190" height="222.43" x="442" y="556" fill="none"/>
+    <a xlink:href="https://w3id.org/security#ProofGraph">
+        <ellipse cx="537" cy="577.5" fill="#d5e8d4" stroke="#82b366" rx="95" ry="21.5"/>
+        <switch transform="translate(-.5 -.5)">
+            <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+                <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:188px;height:1px;padding-top:578px;margin-left:443px">
+                    <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                        <div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
+                            <font style="font-size:14px">
+                                <i>
+                                    ProofGraph
+                                </i>
+                            </font>
+                        </div>
+                    </div>
+                </div>
+            </foreignObject>
+            <text x="537" y="581" font-family="Helvetica" font-size="12" text-anchor="middle">ProofGraph</text>
+        </switch>
+    </a>
+    <a xlink:href="https://w3id.org/security#proof">
+        <rect width="160" height="30" x="457" y="748.43" fill="#fff2cc" stroke="#300" rx="4.5" ry="4.5"/>
+        <switch transform="translate(-.5 -.5)">
+            <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+                <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:158px;height:1px;padding-top:763px;margin-left:458px">
+                    <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                        <div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
+                            <font style="font-size:14px">
+                                <i>
+                                    proof
+                                </i>
+                            </font>
+                        </div>
+                    </div>
+                </div>
+            </foreignObject>
+            <text x="537" y="767" font-family="Helvetica" font-size="12" text-anchor="middle">proof</text>
+        </switch>
+    </a>
+    <path fill="none" stroke="#00c" stroke-dasharray="3 3" stroke-miterlimit="10" d="M537 748.43V605.37"/>
+    <path fill="#00c" stroke="#00c" stroke-miterlimit="10" d="m537 600.12 3.5 7-3.5-1.75-3.5 1.75Z"/>
+    <rect width="585" height="325" x="751" y="23" fill="none"/>
+    <a xlink:href="https://w3id.org/security#verificationMethod">
+        <rect width="160" height="30" x="1176" y="74" fill="#fff2cc" stroke="#300" rx="4.5" ry="4.5"/>
+        <switch transform="translate(-.5 -.5)">
+            <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+                <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:158px;height:1px;padding-top:89px;margin-left:1177px">
+                    <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                        <div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
+                            <font style="font-size:14px">
+                                <i>
+                                    verificationMethod
+                                </i>
+                            </font>
+                        </div>
+                    </div>
+                </div>
+            </foreignObject>
+            <text x="1256" y="93" font-family="Helvetica" font-size="12" text-anchor="middle">verificationMethod</text>
+        </switch>
+    </a>
+    <a xlink:href="https://w3id.org/security#VerificationMethod">
+        <ellipse cx="1041" cy="44.5" fill="#d5e8d4" stroke="#82b366" rx="95" ry="21.5"/>
+        <switch transform="translate(-.5 -.5)">
+            <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+                <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:188px;height:1px;padding-top:45px;margin-left:947px">
+                    <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                        <div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
+                            <font style="font-size:14px">
+                                <i>
+                                    VerificationMethod
+                                </i>
+                            </font>
+                        </div>
+                    </div>
+                </div>
+            </foreignObject>
+            <text x="1041" y="48" font-family="Helvetica" font-size="12" text-anchor="middle">VerificationMethod</text>
+        </switch>
+    </a>
+    <a xlink:href="https://w3id.org/security#Ed25519VerificationKey2020">
+        <ellipse cx="897" cy="241.5" fill="#d5e8d4" stroke="#82b366" rx="95" ry="21.5"/>
+        <switch transform="translate(-.5 -.5)">
+            <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+                <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:188px;height:1px;padding-top:242px;margin-left:803px">
+                    <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                        <div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
+                            <font style="font-size:14px">
+                                <i>
+                                    Ed25519VerificationKey2020
+                                </i>
+                            </font>
+                        </div>
+                    </div>
+                </div>
+            </foreignObject>
+            <text x="897" y="245" font-family="Helvetica" font-size="12" text-anchor="middle">Ed25519VerificationKey2020</text>
+        </switch>
+    </a>
+    <path fill="none" stroke="#f33" stroke-dasharray="3 3" stroke-miterlimit="10" d="M911 89q62 0 62.03-21.77"/>
+    <path fill="none" stroke="#f33" stroke-miterlimit="10" d="m973.04 60.23 3.49 3.5-3.5 3.5-3.5-3.5Z"/>
+    <a xlink:href="https://w3id.org/security#controller">
+        <rect width="160" height="30" x="751" y="74" fill="#fff2cc" stroke="#300" rx="4.5" ry="4.5"/>
+        <switch transform="translate(-.5 -.5)">
+            <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+                <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:158px;height:1px;padding-top:89px;margin-left:752px">
+                    <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                        <div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
+                            <font style="font-size:14px">
+                                <i>
+                                    controller
+                                </i>
+                            </font>
+                        </div>
+                    </div>
+                </div>
+            </foreignObject>
+            <text x="831" y="93" font-family="Helvetica" font-size="12" text-anchor="middle">controller</text>
+        </switch>
+    </a>
+    <a xlink:href="https://w3id.org/security#authentication">
+        <rect width="160" height="30" x="1176" y="123" fill="#fff2cc" stroke="#300" rx="4.5" ry="4.5"/>
+        <switch transform="translate(-.5 -.5)">
+            <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+                <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:158px;height:1px;padding-top:138px;margin-left:1177px">
+                    <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                        <div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
+                            <font style="font-size:14px">
+                                <i>
+                                    authentication
+                                </i>
+                            </font>
+                        </div>
+                    </div>
+                </div>
+            </foreignObject>
+            <text x="1256" y="142" font-family="Helvetica" font-size="12" text-anchor="middle">authentication</text>
+        </switch>
+    </a>
+    <a xlink:href="https://w3id.org/security#assertionMethod">
+        <rect width="160" height="30" x="1176" y="172" fill="#fff2cc" stroke="#300" rx="4.5" ry="4.5"/>
+        <switch transform="translate(-.5 -.5)">
+            <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+                <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:158px;height:1px;padding-top:187px;margin-left:1177px">
+                    <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                        <div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
+                            <font style="font-size:14px">
+                                <i>
+                                    assertionMethod
+                                </i>
+                            </font>
+                        </div>
+                    </div>
+                </div>
+            </foreignObject>
+            <text x="1256" y="191" font-family="Helvetica" font-size="12" text-anchor="middle">assertionMethod</text>
+        </switch>
+    </a>
+    <a xlink:href="https://w3id.org/security#capabilityDelegation">
+        <rect width="160" height="30" x="1176" y="220" fill="#fff2cc" stroke="#300" rx="4.5" ry="4.5"/>
+        <switch transform="translate(-.5 -.5)">
+            <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+                <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:158px;height:1px;padding-top:235px;margin-left:1177px">
+                    <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                        <div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
+                            <font style="font-size:14px">
+                                <i>
+                                    capabilityDelegation
+                                </i>
+                            </font>
+                        </div>
+                    </div>
+                </div>
+            </foreignObject>
+            <text x="1256" y="239" font-family="Helvetica" font-size="12" text-anchor="middle">capabilityDelegation</text>
+        </switch>
+    </a>
+    <a xlink:href="https://w3id.org/security#capabilityInvocation">
+        <rect width="160" height="30" x="1176" y="269" fill="#fff2cc" stroke="#300" rx="4.5" ry="4.5"/>
+        <switch transform="translate(-.5 -.5)">
+            <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+                <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:158px;height:1px;padding-top:284px;margin-left:1177px">
+                    <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                        <div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
+                            <font style="font-size:14px">
+                                <i>
+                                    capabilityInvocation
+                                </i>
+                            </font>
+                        </div>
+                    </div>
+                </div>
+            </foreignObject>
+            <text x="1256" y="288" font-family="Helvetica" font-size="12" text-anchor="middle">capabilityInvocation</text>
+        </switch>
+    </a>
+    <a xlink:href="https://w3id.org/security#keyAgreement">
+        <rect width="160" height="30" x="1176" y="318" fill="#fff2cc" stroke="#300" rx="4.5" ry="4.5"/>
+        <switch transform="translate(-.5 -.5)">
+            <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+                <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:158px;height:1px;padding-top:333px;margin-left:1177px">
+                    <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                        <div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
+                            <font style="font-size:14px">
+                                <i>
+                                    keyAgreement
+                                </i>
+                            </font>
+                        </div>
+                    </div>
+                </div>
+            </foreignObject>
+            <text x="1256" y="337" font-family="Helvetica" font-size="12" text-anchor="middle">keyAgreement</text>
+        </switch>
+    </a>
+    <path fill="none" stroke="#f33" stroke-dasharray="3 3" stroke-miterlimit="10" d="M911 149.93q62-.03 62.04-82.7"/>
+    <path fill="none" stroke="#f33" stroke-miterlimit="10" d="m973.04 60.23 3.5 3.5-3.5 3.5-3.5-3.5Z"/>
+    <a xlink:href="https://w3id.org/security#revoked">
+        <rect width="160" height="30" x="751" y="134.93" fill="#fff2cc" stroke="#300" rx="4.5" ry="4.5"/>
+        <switch transform="translate(-.5 -.5)">
+            <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+                <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:158px;height:1px;padding-top:150px;margin-left:752px">
+                    <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                        <div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
+                            <font style="font-size:14px">
+                                <i>
+                                    revoked
+                                    <br/>
+                                </i>
+                            </font>
+                        </div>
+                    </div>
+                </div>
+            </foreignObject>
+            <text x="831" y="154" font-family="Helvetica" font-size="12" text-anchor="middle">revoked
+</text>
+        </switch>
+    </a>
+    <path fill="none" stroke="#000" stroke-miterlimit="10" d="M992 241.5q49 0 49-169.13"/>
+    <path stroke="#000" stroke-miterlimit="10" d="m1041 67.12 3.5 7-3.5-1.75-3.5 1.75Z"/>
+    <path fill="none" stroke="#00c" stroke-dasharray="3 3" stroke-miterlimit="10" d="M1176 89q-67 0-67.03-23.11"/>
+    <path fill="#00c" stroke="#00c" stroke-miterlimit="10" d="m1108.96 60.64 3.51 7-3.5-1.75-3.5 1.76Z"/>
+    <path fill="none" stroke="#00c" stroke-dasharray="3 3" stroke-miterlimit="10" d="M1176 138q-67 0-67.04-72.11"/>
+    <path fill="#00c" stroke="#00c" stroke-miterlimit="10" d="m1108.96 60.64 3.5 7-3.5-1.75-3.5 1.75Z"/>
+    <path fill="none" stroke="#00c" stroke-dasharray="3 3" stroke-miterlimit="10" d="M1176 187q-67 0-67.04-121.11"/>
+    <path fill="#00c" stroke="#00c" stroke-miterlimit="10" d="m1108.96 60.64 3.5 7-3.5-1.75-3.5 1.75Z"/>
+    <path fill="none" stroke="#00c" stroke-dasharray="3 3" stroke-miterlimit="10" d="M1176 235q-67 0-67.04-169.11"/>
+    <path fill="#00c" stroke="#00c" stroke-miterlimit="10" d="m1108.96 60.64 3.5 7-3.5-1.75-3.5 1.75Z"/>
+    <path fill="none" stroke="#00c" stroke-dasharray="3 3" stroke-miterlimit="10" d="M1176 284q-67 0-67.04-218.11"/>
+    <path fill="#00c" stroke="#00c" stroke-miterlimit="10" d="m1108.96 60.64 3.5 7-3.5-1.75-3.5 1.75Z"/>
+    <path fill="none" stroke="#00c" stroke-dasharray="3 3" stroke-miterlimit="10" d="M1176 333q-67 0-67.04-267.11"/>
+    <path fill="#00c" stroke="#00c" stroke-miterlimit="10" d="m1108.96 60.64 3.5 7-3.5-1.75-3.5 1.75Z"/>
+    <a xlink:href="https://w3id.org/security#Multikey">
+        <ellipse cx="1238.25" cy="427.5" fill="#d5e8d4" stroke="#82b366" rx="95" ry="21.5"/>
+        <switch transform="translate(-.5 -.5)">
+            <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+                <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:188px;height:1px;padding-top:428px;margin-left:1144px">
+                    <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                        <div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
+                            <font style="font-size:14px">
+                                <i>
+                                    Multikey
+                                </i>
+                            </font>
+                        </div>
+                    </div>
+                </div>
+            </foreignObject>
+            <text x="1238" y="431" font-family="Helvetica" font-size="12" text-anchor="middle">Multikey</text>
+        </switch>
+    </a>
+    <path fill="none" stroke="#000" stroke-miterlimit="10" d="M1143.25 427.5Q1041 427.5 1041 72.37"/>
+    <path stroke="#000" stroke-miterlimit="10" d="m1041 67.12 3.5 7-3.5-1.75-3.5 1.75Z"/>
+    <a xlink:href="https://w3id.org/security#JsonWebKey">
+        <ellipse cx="848.75" cy="427.5" fill="#d5e8d4" stroke="#82b366" rx="95" ry="21.5"/>
+        <switch transform="translate(-.5 -.5)">
+            <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+                <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:188px;height:1px;padding-top:428px;margin-left:755px">
+                    <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                        <div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
+                            <font style="font-size:14px">
+                                <i>
+                                    JsonWebKey
+                                </i>
+                            </font>
+                        </div>
+                    </div>
+                </div>
+            </foreignObject>
+            <text x="849" y="431" font-family="Helvetica" font-size="12" text-anchor="middle">JsonWebKey</text>
+        </switch>
+    </a>
+    <path fill="none" stroke="#000" stroke-miterlimit="10" d="M943.75 427.5q97.25 0 97.25-355.13"/>
+    <path stroke="#000" stroke-miterlimit="10" d="m1041 67.12 3.5 7-3.5-1.75-3.5 1.75Z"/>
+    <rect width="355" height="30" x="671.25" y="517" fill="none"/>
+    <a xlink:href="https://w3id.org/security#publicKeyJwk">
+        <rect width="160" height="30" x="866.25" y="517" fill="#fff2cc" stroke="#300" rx="4.5" ry="4.5"/>
+        <switch transform="translate(-.5 -.5)">
+            <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+                <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:158px;height:1px;padding-top:532px;margin-left:867px">
+                    <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                        <div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
+                            <font style="font-size:14px">
+                                <i>
+                                    publicKeyJwk
+                                </i>
+                            </font>
+                        </div>
+                    </div>
+                </div>
+            </foreignObject>
+            <text x="946" y="536" font-family="Helvetica" font-size="12" text-anchor="middle">publicKeyJwk</text>
+        </switch>
+    </a>
+    <a xlink:href="https://w3id.org/security#secretKeyJwk">
+        <rect width="160" height="30" x="671.25" y="517" fill="#fff2cc" stroke="#300" rx="4.5" ry="4.5"/>
+        <switch transform="translate(-.5 -.5)">
+            <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+                <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:158px;height:1px;padding-top:532px;margin-left:672px">
+                    <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                        <div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
+                            <font style="font-size:14px">
+                                <i>
+                                    secretKeyJwk
+                                </i>
+                            </font>
+                        </div>
+                    </div>
+                </div>
+            </foreignObject>
+            <text x="751" y="536" font-family="Helvetica" font-size="12" text-anchor="middle">secretKeyJwk</text>
+        </switch>
+    </a>
+    <rect width="355" height="30" x="1060.75" y="517" fill="none"/>
+    <a xlink:href="https://w3id.org/security#publicKeyMultibase">
+        <rect width="160" height="30" x="1255.75" y="517" fill="#fff2cc" stroke="#300" rx="4.5" ry="4.5"/>
+        <switch transform="translate(-.5 -.5)">
+            <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+                <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:158px;height:1px;padding-top:532px;margin-left:1257px">
+                    <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                        <div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
+                            <font style="font-size:14px">
+                                <i>
+                                    publicKeyMultibase
+                                </i>
+                            </font>
+                        </div>
+                    </div>
+                </div>
+            </foreignObject>
+            <text x="1336" y="536" font-family="Helvetica" font-size="12" text-anchor="middle">publicKeyMultibase</text>
+        </switch>
+    </a>
+    <a xlink:href="https://w3id.org/security#secretKeyMultibase">
+        <rect width="160" height="30" x="1060.75" y="517" fill="#fff2cc" stroke="#300" rx="4.5" ry="4.5"/>
+        <switch transform="translate(-.5 -.5)">
+            <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+                <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:158px;height:1px;padding-top:532px;margin-left:1062px">
+                    <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                        <div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
+                            <font style="font-size:14px">
+                                <i>
+                                    secretKeyMultibase
+                                </i>
+                            </font>
+                        </div>
+                    </div>
+                </div>
+            </foreignObject>
+            <text x="1141" y="536" font-family="Helvetica" font-size="12" text-anchor="middle">secretKeyMultibase</text>
+        </switch>
+    </a>
+    <path fill="none" stroke="#f33" stroke-dasharray="3 3" stroke-miterlimit="10" d="M848.76 456.71Q848.8 483 897.55 483t48.7 34"/>
+    <path fill="none" stroke="#f33" stroke-miterlimit="10" d="m848.75 449.71 3.51 3.49-3.5 3.51-3.5-3.5Z"/>
+    <path fill="none" stroke="#f33" stroke-dasharray="3 3" stroke-miterlimit="10" d="M848.76 456.71Q848.8 483 800.05 483t-48.8 34"/>
+    <path fill="none" stroke="#f33" stroke-miterlimit="10" d="m848.75 449.71 3.51 3.49-3.5 3.51-3.5-3.5Z"/>
+    <path fill="none" stroke="#f33" stroke-dasharray="3 3" stroke-miterlimit="10" d="M1238.26 456.71q.04 26.29 48.79 26.29t48.7 34"/>
+    <path fill="none" stroke="#f33" stroke-miterlimit="10" d="m1238.25 449.71 3.51 3.49-3.5 3.51-3.5-3.5Z"/>
+    <path fill="none" stroke="#f33" stroke-dasharray="3 3" stroke-miterlimit="10" d="M1238.26 456.71q.04 26.29-48.71 26.29t-48.8 34"/>
+    <path fill="none" stroke="#f33" stroke-miterlimit="10" d="m1238.25 449.71 3.51 3.49-3.5 3.51-3.5-3.5Z"/>
+    <a xlink:href="https://w3id.org/security#cryptosuiteString">
+        <path fill="#c0d9ec" stroke="#000" stroke-miterlimit="10" d="M283.5 634h93l20 13-20 13h-93l-20-13Z"/>
+        <switch transform="translate(-.5 -.5)">
+            <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+                <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:131px;height:1px;padding-top:647px;margin-left:265px">
+                    <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                        <div style="display:inline-block;font-size:11px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
+                            <font style="font-size:14px">
+                                <i>
+                                    cryptosuiteString
+                                </i>
+                            </font>
+                        </div>
+                    </div>
+                </div>
+            </foreignObject>
+            <text x="330" y="650" font-family="Helvetica" font-size="11" text-anchor="middle">cryptosuiteString</text>
+        </switch>
+    </a>
+    <path fill="none" stroke="#00c" stroke-dasharray="3 3" stroke-miterlimit="10" d="M330 547v80.63"/>
+    <path fill="#00c" stroke="#00c" stroke-miterlimit="10" d="m330 632.88-3.5-7 3.5 1.75 3.5-1.75Z"/>
+    <path fill="#c0d9ec" stroke="#000" stroke-miterlimit="10" d="M802.25 629h93l20 13-20 13h-93l-20-13Z"/>
+    <switch transform="translate(-.5 -.5)">
+        <foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left">
+            <div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:131px;height:1px;padding-top:642px;margin-left:783px">
+                <div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center">
+                    <div style="display:inline-block;font-size:11px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:none;white-space:normal;overflow-wrap:normal">
+                        <font style="font-size:14px">
+                            <i>
+                                rdf:JSON
+                            </i>
+                        </font>
+                    </div>
+                </div>
+            </div>
+        </foreignObject>
+        <text x="849" y="645" font-family="Helvetica" font-size="11" text-anchor="middle">rdf:JSON</text>
+    </switch>
+    <path fill="none" stroke="#00c" stroke-dasharray="3 3" stroke-miterlimit="10" d="M751.25 547q.05 41 48.8 41t48.71 34.63"/>
+    <path fill="#00c" stroke="#00c" stroke-miterlimit="10" d="m848.75 627.88-3.49-7 3.5 1.75 3.5-1.74Z"/>
+    <path fill="none" stroke="#00c" stroke-dasharray="3 3" stroke-miterlimit="10" d="M946.25 547q.05 41-48.7 41t-48.79 34.63"/>
+    <path fill="#00c" stroke="#00c" stroke-miterlimit="10" d="m848.75 627.88-3.49-7 3.5 1.75 3.5-1.74Z"/>
+    <switch>
+        <a xlink:href="https://www.drawio.com/doc/faq/svg-export-text-problems" target="_blank" transform="translate(0 -5)">
+            <text x="50%" y="100%" font-size="10" text-anchor="middle">Text is not SVG - cannot display</text>
+        </a>
+    </switch>
+</svg>
diff --git a/vocab/security/vocabulary.yml b/vocab/security/vocabulary.yml
index 0bba041e..023e2705 100644
--- a/vocab/security/vocabulary.yml
+++ b/vocab/security/vocabulary.yml
@@ -20,11 +20,12 @@ ontology:
 class:
   - id: Proof
     label: Digital proof
+    defined_by: https://www.w3.org/TR/vc-data-integrity/#dfn-data-integrity-proof
     comment: This class represents a digital proof on serialized data.
 
   - id: ProofGraph
     label: An RDF Graph for a digital proof
-    comment: Instances of this class are <a href="https://www.w3.org/TR/rdf12-concepts/#section-rdf-graph">RDF Graphs</a> [[RDF12-CONCEPTS]], where each of these graphs must include exactly one <a href="#Proof">Proof</a>.
+    comment: Instances of this class are <a href="https://www.w3.org/TR/rdf12-concepts/#section-rdf-graph">RDF Graphs</a> [[RDF12-CONCEPTS]], where each of these graphs must include exactly one <a href="#Proof">Proof</a> instance.
 
   - id: VerificationMethod
     label: Verification method
@@ -48,15 +49,10 @@ class:
     upper_value: sec:VerificationMethod
     defined_by: https://www.w3.org/TR/vc-data-integrity/#jsonwebkey
 
-  - id: Key
-    label: Cryptographic key
-    comment: This class represents a cryptographic key that may be used for encryption, decryption, or digitally signing data. This class serves as a supertype for specific key types.
-
   - id: Ed25519VerificationKey2020
     label: ED2559 Verification Key, 2020 version
-    upper_value: sec:Key
+    upper_value: sec:VerificationMethod
     defined_by: https://www.w3.org/TR/vc-di-eddsa/#ed25519verificationkey2020
-    comment: A linked data proof suite verification method type used with <a href="#Ed25519Signature2020">Ed25519Signature2020</a>.
 
   - id: Ed25519Signature2020
     label: Ed25519 Signature Suite, 2020 version
@@ -71,6 +67,10 @@ class:
 # These are the class definitions in the CCG documents that are not defined in a VCWG document; they are all deprecated.
 # In some cases, a CCG document was found and used for the definition, but in other cases, even that is missing...
 
+  - id: Key
+    label: Cryptographic key
+    deprecated: true
+    comment: This class represents a cryptographic key that may be used for encryption, decryption, or digitally signing data. This class serves as a supertype for specific key types.
 
   - id: EcdsaSecp256k1Signature2019
     deprecated: true
@@ -168,8 +168,8 @@ property:
   - id: proof
     label: Proof sets
     range: sec:ProofGraph
-    comment: The value of property must identify <a href="#ProofGraph">ProofGraph instances</a> (informally, it indirectly identifies <a href="#Proof">Proof instances</a>, each contained in a separate graph). The property is used to associate a proof with a graph of information. The proof property is typically not included in the canonicalized graphs that are then digested and digitally signed. The order of the proofs is not relevant. <b><em>There is no URL yet in a VCWG document to <em>define</em> this term.</em></b>
-
+    defined_by: https://www.w3.org/TR/vc-data-integrity/#proof-sets
+    
   - id: domain
     label: Domain of a proof
     domain: sec:Proof
@@ -223,12 +223,12 @@ property:
     defined_by: https://www.w3.org/TR/vc-data-integrity/#dfn-assertionmethod
 
   - id: capabilityDelegation
-    label: Capability Delegation Method
+    label: Capability delegation method
     range: sec:VerificationMethod
     defined_by: https://www.w3.org/TR/vc-data-integrity/#dfn-capabilitydelegation
 
   - id: capabilityInvocation
-    label: Capability Invocation Method
+    label: Capability invocation method
     range: sec:VerificationMethod
     defined_by: https://www.w3.org/TR/vc-data-integrity/#dfn-capabilityinvocation
 
@@ -262,9 +262,9 @@ property:
     range: xsd:string
     defined_by: https://www.w3.org/TR/vc-data-integrity/#dfn-secretkeymultibase
     see_also:
-      - label: multibase
+      - label: multibase format
         url: https://datatracker.ietf.org/doc/html/draft-multiformats-multibase-03
-      - label: multicodec
+      - label: multicodec format
         url: https://github.com/multiformats/multicodec/blob/master/table.csv
       - label: ed25519-2020
         url: https://w3c-ccg.github.io/lds-ed25519-2020/
@@ -390,39 +390,54 @@ individual:
     upper_value: sec:ProcessingError
     label: Proof generation error
     defined_by: https://www.w3.org/TR/vc-data-integrity/#PROOF_GENERATION_ERROR
+
   - id: MALFORMED_PROOF_ERROR
     upper_value: sec:ProcessingError
     label: Malformed proof
     defined_by: https://www.w3.org/TR/vc-data-integrity/#MALFORMED_PROOF_ERROR
+
   - id: MISMATCHED_PROOF_PURPOSE_ERROR
     upper_value: sec:ProcessingError
     label: Mismatched proof purpose
     defined_by: https://www.w3.org/TR/vc-data-integrity/#MISMATCHED_PROOF_PURPOSE_ERROR
+
   - id: INVALID_DOMAIN_ERROR
     upper_value: sec:ProcessingError
     label: Invalid proof domain
     defined_by: https://www.w3.org/TR/vc-data-integrity/#INVALID_DOMAIN_ERROR
+
   - id: INVALID_CHALLENGE_ERROR
     upper_value: sec:ProcessingError
     label: Invalid challenge
     defined_by: https://www.w3.org/TR/vc-data-integrity/#INVALID_CHALLENGE_ERROR
+
   - id: INVALID_VERIFICATION_METHOD_URL
     upper_value: sec:ProcessingError
     label: Invalid verification method URL
     defined_by: https://www.w3.org/TR/vc-data-integrity/#INVALID_VERIFICATION_METHOD_URL
+
   - id: INVALID_CONTROLLER_DOCUMENT_ID
     upper_value: sec:ProcessingError
     label: Invalid controller document id
     defined_by: https://www.w3.org/TR/vc-data-integrity/#INVALID_CONTROLLER_DOCUMENT_ID
+
   - id: INVALID_CONTROLLER_DOCUMENT
     upper_value: sec:ProcessingError
     label: Invalid controller document
     defined_by: https://www.w3.org/TR/vc-data-integrity/#INVALID_CONTROLLER_DOCUMENT
+
   - id: INVALID_VERIFICATION_METHOD
     upper_value: sec:ProcessingError
     label: Invalid verification method
     defined_by: https://www.w3.org/TR/vc-data-integrity/#INVALID_VERIFICATION_METHOD
+    
   - id: INVALID_PROOF_PURPOSE_FOR_VERIFICATION_METHOD
     upper_value: sec:ProcessingError
     label: Invalid proof purpose for verification method
     defined_by: https://www.w3.org/TR/vc-data-integrity/#INVALID_PROOF_PURPOSE_FOR_VERIFICATION_METHOD
+
+datatype:
+  - id: cryptosuiteString
+    label: Datatype for cryptosuite Identifiers
+    upper_value: xsd:string
+    defined_by: https://www.w3.org/TR/vc-data-integrity/#cryptosuiteString