From acaa2e66c9ed7f59c08daf2962238a6684e4df2f Mon Sep 17 00:00:00 2001
From: lindsay <lindsay.kay@xeolabs.com>
Date: Fri, 27 Oct 2023 02:54:59 +0200
Subject: [PATCH] Example tweaks

---
 examples/buildings/glTF_Duplex_transform.html |  4 +--
 examples/buildings/glTF_Schependomlaan.html   |  2 +-
 examples/buildings/glTF_VianneyHouse.html     |  2 +-
 .../buildings/glTF_WestRiverSideHospital.html |  2 +-
 examples/buildings/glTF_embedded_MAP.html     |  2 +-
 examples/buildings/glb_BoxTextured.html       |  2 +-
 examples/buildings/glb_HousePlan.html         |  2 +-
 examples/buildings/glb_VianneyHouse.html      |  2 +-
 .../buildings/jitter_singlePrecision_MAP.html |  7 +++--
 .../positioning_cartesianCoordinates.html     |  2 +-
 .../positioning_geodesicCoordinates.html      |  7 +++--
 examples/buildings/web-ifc_dtx_Duplex.html    |  2 +-
 .../buildings/web-ifc_dtx_Duplex_types.html   |  2 +-
 .../buildings/web-ifc_dtx_MAPGroundFloor.html |  2 +-
 examples/buildings/web-ifc_vbo_Duplex.html    |  2 +-
 .../buildings/web-ifc_vbo_MAPGroundFloor.html |  2 +-
 .../buildings/web-ifc_vbo_ignoreMetadata.html |  2 +-
 .../buildings/web-ifc_vbo_isolateStorey.html  |  2 +-
 examples/buildings/xkt_dtx_APHS.html          | 13 +++++++--
 examples/buildings/xkt_dtx_DemoProjekt.html   | 26 ++++++++++++++---
 examples/buildings/xkt_dtx_HolterTower.html   | 13 +++++++--
 examples/buildings/xkt_dtx_IfcOpenHouse4.html | 28 ++++++++++++++----
 examples/buildings/xkt_dtx_MAP.html           | 13 +++++++--
 examples/buildings/xkt_dtx_RAC.html           | 13 +++++++--
 .../buildings/xkt_dtx_Schependomlaan.html     | 13 +++++++--
 examples/buildings/xkt_dtx_Store.html         | 26 ++++++++++++++---
 .../xkt_dtx_WestRiverSideHospital.html        | 15 +++++++---
 .../xkt_dtx_metadata_Schependomlaan.html      | 29 +++++++++++++++----
 .../xkt_dtx_metadata_moveStoreys.html         | 29 +++++++++++++++----
 examples/buildings/xkt_manifest_Clinic.html   | 17 +++++++----
 .../xkt_manifest_KarhumakiBridge.html         | 24 +++++++++++----
 .../xkt_manifest_WestRiverSideHospital.html   | 24 +++++++++++++--
 examples/buildings/xkt_vbo_DemoProjekt.html   |  3 +-
 examples/buildings/xkt_vbo_Duplex.html        |  2 +-
 examples/buildings/xkt_vbo_HolterTower.html   |  2 +-
 examples/buildings/xkt_vbo_HousePlan.html     |  2 +-
 examples/buildings/xkt_vbo_IfcOpenHouse4.html |  2 +-
 examples/buildings/xkt_vbo_MAP.html           |  2 +-
 .../xkt_vbo_OTCCenferenceCenter.html          |  2 +-
 examples/buildings/xkt_vbo_RAC.html           |  2 +-
 examples/buildings/xkt_vbo_RME.html           |  2 +-
 .../buildings/xkt_vbo_Schependomlaan.html     |  2 +-
 examples/buildings/xkt_vbo_WaterLock.html     |  2 +-
 .../buildings/xkt_vbo_federated_Clinic.html   |  2 +-
 .../buildings/xkt_vbo_textures_HousePlan.html |  2 +-
 examples/cities/XKT_dtx_Lyon.html             |  4 +++
 examples/cities/index.html                    | 10 +++----
 examples/css/style.css                        |  3 +-
 examples/lidar/glb_Roadworks.html             | 13 +++++++++
 examples/lidar/glb_SkatePark.html             | 13 +++++++++
 examples/lidar/xkt_MAP.html                   |  8 +++--
 examples/measurement/XKT_dtx_Lyon.html        |  2 +-
 .../angle_createWithMouse_nosnapping.html     |  3 +-
 .../angle_createWithMouse_snapping.html       |  9 +++++-
 .../angle_modelWithMeasurements.html          |  3 +-
 .../distance_createWithMouse_nosnapping.html  |  3 +-
 .../distance_createWithMouse_snapping.html    |  9 +++++-
 ...istance_createWithMouse_snapping_Lyon.html |  9 +++++-
 .../distance_modelWithMeasurements.html       |  2 +-
 ...e_modelWithMeasurements_hideAxisWires.html |  2 +-
 .../measurement/distance_unitsAndScale.html   |  2 +-
 61 files changed, 345 insertions(+), 108 deletions(-)

diff --git a/examples/buildings/glTF_Duplex_transform.html b/examples/buildings/glTF_Duplex_transform.html
index b371494904..989c921022 100644
--- a/examples/buildings/glTF_Duplex_transform.html
+++ b/examples/buildings/glTF_Duplex_transform.html
@@ -38,7 +38,7 @@ <h3>Components used</h3>
                target="_other">TreeViewPlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Assets</h3>
     <ul>
         <li>
             <a href="http://openifcmodel.cs.auckland.ac.nz/Model/Details/274"
@@ -72,7 +72,7 @@ <h3>Resources</h3>
     // Create a xeokit loader plugin, load a model, fit to view
     //----------------------------------------------------------------------------------------------------------------------
 
-    const glTFLoader = new GLTFLoaderPlugin(viewer);
+    const glTFLoader = new GLTFLoaderPlugin(viewer, {});
 
     var t0 = performance.now();
 
diff --git a/examples/buildings/glTF_Schependomlaan.html b/examples/buildings/glTF_Schependomlaan.html
index 059ca6629f..35d4142a4a 100644
--- a/examples/buildings/glTF_Schependomlaan.html
+++ b/examples/buildings/glTF_Schependomlaan.html
@@ -27,7 +27,7 @@ <h3>Components used</h3>
                target="_other">GLTFLoaderPlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Assets</h3>
     <ul>
         <li>
             <a href="https://github.com/openBIMstandards/DataSetSchependomlaan"
diff --git a/examples/buildings/glTF_VianneyHouse.html b/examples/buildings/glTF_VianneyHouse.html
index c343a4dd32..bc7ad0906a 100644
--- a/examples/buildings/glTF_VianneyHouse.html
+++ b/examples/buildings/glTF_VianneyHouse.html
@@ -27,7 +27,7 @@ <h3>Components used</h3>
                target="_other">GLTFLoaderPlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Assets</h3>
     <ul>
         <li>
             <a href="https://sketchfab.com/bimcc"
diff --git a/examples/buildings/glTF_WestRiverSideHospital.html b/examples/buildings/glTF_WestRiverSideHospital.html
index 373738dc97..86a33f0716 100644
--- a/examples/buildings/glTF_WestRiverSideHospital.html
+++ b/examples/buildings/glTF_WestRiverSideHospital.html
@@ -27,7 +27,7 @@ <h3>Components used</h3>
                target="_other">GLTFLoaderPlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Assets</h3>
     <ul>
         <li>
             <a href="http://openifcmodel.cs.auckland.ac.nz/Model/Details/305" target="_other">Model source</a>
diff --git a/examples/buildings/glTF_embedded_MAP.html b/examples/buildings/glTF_embedded_MAP.html
index b1834b483e..9fe6d9805a 100644
--- a/examples/buildings/glTF_embedded_MAP.html
+++ b/examples/buildings/glTF_embedded_MAP.html
@@ -27,7 +27,7 @@ <h3>Components used</h3>
                target="_other">GLTFLoaderPlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Assets</h3>
     <ul>
         <li>Model center is [1842022, 10, -5173301]</li>
         <li>Model provided by <a href="https://bimdata.io" target="_other">BIMData.io</a></li>
diff --git a/examples/buildings/glb_BoxTextured.html b/examples/buildings/glb_BoxTextured.html
index 6686ee3b33..10e9ab3e63 100644
--- a/examples/buildings/glb_BoxTextured.html
+++ b/examples/buildings/glb_BoxTextured.html
@@ -37,7 +37,7 @@ <h3>Components used</h3>
                target="_other">FastNavPlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Assets</h3>
     <ul>
         <li>
             <a href="https://sketchfab.com/bimcc"
diff --git a/examples/buildings/glb_HousePlan.html b/examples/buildings/glb_HousePlan.html
index e5ab997a95..36de89c8e0 100644
--- a/examples/buildings/glb_HousePlan.html
+++ b/examples/buildings/glb_HousePlan.html
@@ -37,7 +37,7 @@ <h3>Components used</h3>
                target="_other">FastNavPlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Assets</h3>
     <ul>
         <li>
             <a href="https://sketchfab.com/bimcc"
diff --git a/examples/buildings/glb_VianneyHouse.html b/examples/buildings/glb_VianneyHouse.html
index 958c010f66..3686245704 100644
--- a/examples/buildings/glb_VianneyHouse.html
+++ b/examples/buildings/glb_VianneyHouse.html
@@ -33,7 +33,7 @@ <h3>Components used</h3>
                target="_other">GLTFLoaderPlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Assets</h3>
     <ul>
         <li>
             <a href="https://sketchfab.com/bimcc"
diff --git a/examples/buildings/jitter_singlePrecision_MAP.html b/examples/buildings/jitter_singlePrecision_MAP.html
index 1bad3ff471..5aa8227474 100644
--- a/examples/buildings/jitter_singlePrecision_MAP.html
+++ b/examples/buildings/jitter_singlePrecision_MAP.html
@@ -34,10 +34,13 @@ <h3>Components Used</h3>
 
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Tutorials</h3>
     <ul>
         <li><a href="https://www.notion.so/xeokit/Viewing-Double-Precision-Models-3f9e155fd1394d1f974474484decf31b"
-               target="_other">Tutorial</a></li>
+               target="_other">Viewing Double Precision Models</a></li>
+    </ul>
+    <h3>Assets</h3>
+    <ul>
         <li>Model provided by <a href="https://bimdata.io" target="_other">BIMData.io</a></li>
     </ul>
 </div>
diff --git a/examples/buildings/positioning_cartesianCoordinates.html b/examples/buildings/positioning_cartesianCoordinates.html
index ce08746939..4bba2a733c 100644
--- a/examples/buildings/positioning_cartesianCoordinates.html
+++ b/examples/buildings/positioning_cartesianCoordinates.html
@@ -37,7 +37,7 @@ <h3>Components Used</h3>
                target="_other">WebIFCLoaderPlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Assets</h3>
     <ul>
         <li>
             <a href="http://openifcmodel.cs.auckland.ac.nz/Model/Details/274"
diff --git a/examples/buildings/positioning_geodesicCoordinates.html b/examples/buildings/positioning_geodesicCoordinates.html
index 14656baf99..e0262c2946 100644
--- a/examples/buildings/positioning_geodesicCoordinates.html
+++ b/examples/buildings/positioning_geodesicCoordinates.html
@@ -36,12 +36,15 @@ <h3>Components Used</h3>
                target="_other">WebIFCLoaderPlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Tutorials</h3>
     <ul>
         <li>
             <a href="https://www.notion.so/xeokit/Geographically-Positioning-Models-80828a6e522b415b8491dc7bbcc3ba93"
-               target="_other">Tutorial</a>
+               target="_other">Geographically Positioning Models</a>
         </li>
+    </ul>
+    <h3>Assets</h3>
+    <ul>
         <li>
             <a href="http://openifcmodel.cs.auckland.ac.nz/Model/Details/274"
                target="_other">Model source</a>
diff --git a/examples/buildings/web-ifc_dtx_Duplex.html b/examples/buildings/web-ifc_dtx_Duplex.html
index 2f03134cba..2b9275f270 100644
--- a/examples/buildings/web-ifc_dtx_Duplex.html
+++ b/examples/buildings/web-ifc_dtx_Duplex.html
@@ -165,7 +165,7 @@ <h3>Components used</h3>
                target="_other">NavCubePlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Assets</h3>
     <ul>
         <li>
             <a href="http://openifcmodel.cs.auckland.ac.nz/Model/Details/274"
diff --git a/examples/buildings/web-ifc_dtx_Duplex_types.html b/examples/buildings/web-ifc_dtx_Duplex_types.html
index f8f84bab68..95c2e90b54 100644
--- a/examples/buildings/web-ifc_dtx_Duplex_types.html
+++ b/examples/buildings/web-ifc_dtx_Duplex_types.html
@@ -165,7 +165,7 @@ <h3>Components used</h3>
                target="_other">NavCubePlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Assets</h3>
     <ul>
         <li>
             <a href="http://openifcmodel.cs.auckland.ac.nz/Model/Details/274"
diff --git a/examples/buildings/web-ifc_dtx_MAPGroundFloor.html b/examples/buildings/web-ifc_dtx_MAPGroundFloor.html
index 5673e61558..8a802a63ec 100644
--- a/examples/buildings/web-ifc_dtx_MAPGroundFloor.html
+++ b/examples/buildings/web-ifc_dtx_MAPGroundFloor.html
@@ -67,7 +67,7 @@ <h3>Components used</h3>
                target="_other">NavCubePlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Assets</h3>
     <ul>
         <li>Model provided by <a href="https://bimdata.io" target="_other">BIMData.io</a></li>
     </ul>
diff --git a/examples/buildings/web-ifc_vbo_Duplex.html b/examples/buildings/web-ifc_vbo_Duplex.html
index dda6f18284..4213f6ca10 100644
--- a/examples/buildings/web-ifc_vbo_Duplex.html
+++ b/examples/buildings/web-ifc_vbo_Duplex.html
@@ -165,7 +165,7 @@ <h3>Components used</h3>
                target="_other">NavCubePlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Assets</h3>
     <ul>
         <li>
             <a href="http://openifcmodel.cs.auckland.ac.nz/Model/Details/274"
diff --git a/examples/buildings/web-ifc_vbo_MAPGroundFloor.html b/examples/buildings/web-ifc_vbo_MAPGroundFloor.html
index 1a2d66cb61..539b003873 100644
--- a/examples/buildings/web-ifc_vbo_MAPGroundFloor.html
+++ b/examples/buildings/web-ifc_vbo_MAPGroundFloor.html
@@ -67,7 +67,7 @@ <h3>Components used</h3>
                target="_other">NavCubePlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Assets</h3>
     <ul>
         <li>Model provided by <a href="https://bimdata.io" target="_other">BIMData.io</a></li>
     </ul>
diff --git a/examples/buildings/web-ifc_vbo_ignoreMetadata.html b/examples/buildings/web-ifc_vbo_ignoreMetadata.html
index 3bfd99bfcf..64bdc82b3f 100644
--- a/examples/buildings/web-ifc_vbo_ignoreMetadata.html
+++ b/examples/buildings/web-ifc_vbo_ignoreMetadata.html
@@ -161,7 +161,7 @@ <h3>Components used</h3>
                target="_other">NavCubePlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Assets</h3>
     <ul>
         <li>
             <a href="http://openifcmodel.cs.auckland.ac.nz/Model/Details/274"
diff --git a/examples/buildings/web-ifc_vbo_isolateStorey.html b/examples/buildings/web-ifc_vbo_isolateStorey.html
index 40adeee19f..891f832775 100644
--- a/examples/buildings/web-ifc_vbo_isolateStorey.html
+++ b/examples/buildings/web-ifc_vbo_isolateStorey.html
@@ -51,7 +51,7 @@ <h3>Components Used</h3>
                target="_other">MetaScene</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Assets</h3>
     <ul>
         <li>
             <a href="http://openifcmodel.cs.auckland.ac.nz/Model/Details/274"
diff --git a/examples/buildings/xkt_dtx_APHS.html b/examples/buildings/xkt_dtx_APHS.html
index 1db22e95e9..80abb2030d 100644
--- a/examples/buildings/xkt_dtx_APHS.html
+++ b/examples/buildings/xkt_dtx_APHS.html
@@ -31,8 +31,8 @@
 <canvas id="myNavCubeCanvas"></canvas>
 <div class="slideout-sidebar">
     <img class="info-icon" src="../../assets/images/bim_icon.png"/>
-    <h1>XKTLoaderPlugin</h1>
-    <h2>Loading a BIM model from the file system</h2>
+    <h1>XKTLoaderPlugin and Data Textures</h1>
+    <h2>Loading a BIM model from an XKT file into a data texture model representation</h2>
     <h3>Stats</h3>
     <ul>
         <li>
@@ -50,7 +50,14 @@ <h3>Components Used</h3>
                target="_other">XKTLoaderPlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Tutorials</h3>
+    <ul>
+        <li>
+            <a href="https://www.notion.so/xeokit/Compact-Model-Representation-using-Data-Textures-e8093ae372fa47bf9995c26dc24ccd53?pvs=4"
+               target="_other">Compact Model Representation using Data Textures</a>
+        </li>
+    </ul>
+    <h3>Assets</h3>
     <ul>
         <li>
             <a href="http://openifcmodel.cs.auckland.ac.nz/Model/Details/322"
diff --git a/examples/buildings/xkt_dtx_DemoProjekt.html b/examples/buildings/xkt_dtx_DemoProjekt.html
index 720886bd4e..2cc359eb8d 100644
--- a/examples/buildings/xkt_dtx_DemoProjekt.html
+++ b/examples/buildings/xkt_dtx_DemoProjekt.html
@@ -127,8 +127,8 @@
 <div id="treeViewContainer"></div>
 <div class="slideout-sidebar">
     <img class="info-icon" src="../../assets/images/bim_icon.png"/>
-    <h1>XKTLoaderPlugin</h1>
-    <h2>Loading a BIM Model from the File System, Data Textures Enabled</h2>
+    <h1>XKTLoaderPlugin and Data Textures</h1>
+    <h2>Loading a BIM model from an XKT file into a data texture model representation</h2>
     <h3>Stats</h3>
     <ul>
         <li>
@@ -154,7 +154,14 @@ <h3>Components used</h3>
                target="_other">NavCubePlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Tutorials</h3>
+    <ul>
+        <li>
+            <a href="https://www.notion.so/xeokit/Compact-Model-Representation-using-Data-Textures-e8093ae372fa47bf9995c26dc24ccd53?pvs=4"
+               target="_other">Compact Model Representation using Data Textures</a>
+        </li>
+    </ul>
+    <h3>Assets</h3>
     <ul>
         <li>
             <a href="https://knowledge.autodesk.com/support/revit-products/getting-started/caas/CloudHelp/cloudhelp/2020/ENU/Revit-GetStarted/files/GUID-61EF2F22-3A1F-4317-B925-1E85F138BE88-htm.html"
@@ -221,7 +228,18 @@ <h3>Resources</h3>
         id: "myModel",
         src: "../../assets/models/xkt/v10/glb/archicad-demoprojekt.xkt",
         excludeTypes: ["IfcSpace"],
-        edges: true
+        edges: true,
+        objectDefaults: { // This model has opaque windows / spaces; make them transparent
+            "IfcPlate": {
+                opacity: 0.3 // These are used as windows in this model - make transparent
+            },
+            "IfcWindow": {
+                opacity: 0.4
+            },
+            "IfcSpace": {
+                opacity: 0.4
+            }
+        }
     });
 
     const t0 = performance.now();
diff --git a/examples/buildings/xkt_dtx_HolterTower.html b/examples/buildings/xkt_dtx_HolterTower.html
index 080e2cf421..eaf5ecef05 100644
--- a/examples/buildings/xkt_dtx_HolterTower.html
+++ b/examples/buildings/xkt_dtx_HolterTower.html
@@ -128,8 +128,8 @@
 <div id="treeViewContainer"></div>
 <div class="slideout-sidebar">
     <img class="info-icon" style="width:280px; padding-bottom:10px;" src="../../assets/images/bim_icon.png"/>
-    <h1>XKTLoaderPlugin</h1>
-    <h2>Loading an XKT model</h2>
+    <h1>XKTLoaderPlugin and Data Textures</h1>
+    <h2>Loading a BIM model from an XKT file into a data texture model representation</h2>
 
     <h3>Stats</h3>
     <ul>
@@ -156,7 +156,14 @@ <h3>Components used</h3>
                target="_other">NavCubePlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Tutorials</h3>
+    <ul>
+        <li>
+            <a href="https://www.notion.so/xeokit/Compact-Model-Representation-using-Data-Textures-e8093ae372fa47bf9995c26dc24ccd53?pvs=4"
+               target="_other">Compact Model Representation using Data Textures</a>
+        </li>
+    </ul>
+    <h3>Assets</h3>
     <ul>
         <li><a href="https://www.cityjson.org/" target="_other">Model source</a></li>
     </ul>
diff --git a/examples/buildings/xkt_dtx_IfcOpenHouse4.html b/examples/buildings/xkt_dtx_IfcOpenHouse4.html
index 1029fde7f0..394707d740 100644
--- a/examples/buildings/xkt_dtx_IfcOpenHouse4.html
+++ b/examples/buildings/xkt_dtx_IfcOpenHouse4.html
@@ -128,8 +128,8 @@
 <div id="treeViewContainer"></div>
 <div class="slideout-sidebar">
     <img class="info-icon" style="width:280px; padding-bottom:10px;" src="../../assets/images/bim_icon.png"/>
-    <h1>XKTLoaderPlugin</h1>
-    <h2>Loading an XKT model</h2>
+    <h1>XKTLoaderPlugin and Data Textures</h1>
+    <h2>Loading a BIM model from an XKT file into a data texture model representation</h2>
 
     <h3>Stats</h3>
     <ul>
@@ -156,7 +156,14 @@ <h3>Components used</h3>
                target="_other">NavCubePlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Tutorials</h3>
+    <ul>
+        <li>
+            <a href="https://www.notion.so/xeokit/Compact-Model-Representation-using-Data-Textures-e8093ae372fa47bf9995c26dc24ccd53?pvs=4"
+               target="_other">Compact Model Representation using Data Textures</a>
+        </li>
+    </ul>
+    <h3>Assets</h3>
     <ul>
         <li><a href="https://www.cityjson.org/" target="_other">Model source</a></li>
     </ul>
@@ -204,10 +211,21 @@ <h3>Resources</h3>
         src: "../../assets/models/xkt/v8/ifc/IfcOpenHouse4.ifc.xkt",
         saoEnabled: true,
         edges: true,
-        dtxEnabled: true // Default
+        dtxEnabled: true, // Default
+        objectDefaults: { // This model has opaque windows / spaces; make them transparent
+            "IfcPlate": {
+                opacity: 0.3 // These are used as windows in this model - make transparent
+            },
+            "IfcWindow": {
+                opacity: 0.4
+            },
+            "IfcSpace": {
+                opacity: 0.4
+            }
+        }
     });
 
-    sceneModel.on("loaded", ()=>{
+    sceneModel.on("loaded", () => {
         viewer.cameraFlight.jumpTo(sceneModel);
     });
 
diff --git a/examples/buildings/xkt_dtx_MAP.html b/examples/buildings/xkt_dtx_MAP.html
index 89fdb8e10d..7c61b6ec53 100644
--- a/examples/buildings/xkt_dtx_MAP.html
+++ b/examples/buildings/xkt_dtx_MAP.html
@@ -128,8 +128,8 @@
 <div id="treeViewContainer"></div>
 <div class="slideout-sidebar">
     <img class="info-icon" style="width:280px; padding-bottom:10px;" src="../../assets/images/bim_icon.png"/>
-    <h1>XKTLoaderPlugin</h1>
-    <h2>Loading an XKT model</h2>
+    <h1>XKTLoaderPlugin and Data Textures</h1>
+    <h2>Loading a BIM model from an XKT file into a data texture model representation</h2>
 
     <h3>Stats</h3>
     <ul>
@@ -156,7 +156,14 @@ <h3>Components used</h3>
                target="_other">NavCubePlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Tutorials</h3>
+    <ul>
+        <li>
+            <a href="https://www.notion.so/xeokit/Compact-Model-Representation-using-Data-Textures-e8093ae372fa47bf9995c26dc24ccd53?pvs=4"
+               target="_other">Compact Model Representation using Data Textures</a>
+        </li>
+    </ul>
+    <h3>Assets</h3>
     <ul>
         <li><a href="https://www.cityjson.org/" target="_other">Model source</a></li>
     </ul>
diff --git a/examples/buildings/xkt_dtx_RAC.html b/examples/buildings/xkt_dtx_RAC.html
index 873b5f18e6..741a9490db 100644
--- a/examples/buildings/xkt_dtx_RAC.html
+++ b/examples/buildings/xkt_dtx_RAC.html
@@ -128,8 +128,8 @@
 <div id="treeViewContainer"></div>
 <div class="slideout-sidebar">
     <img class="info-icon" style="width:280px; padding-bottom:10px;" src="../../assets/images/bim_icon.png"/>
-    <h1>XKTLoaderPlugin</h1>
-    <h2>Loading an XKT model</h2>
+    <h1>XKTLoaderPlugin and Data Textures</h1>
+    <h2>Loading a BIM model from an XKT file into a data texture model representation</h2>
     <h3>Stats</h3>
     <ul>
         <li>
@@ -155,7 +155,14 @@ <h3>Components used</h3>
                target="_other">NavCubePlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Tutorials</h3>
+    <ul>
+        <li>
+            <a href="https://www.notion.so/xeokit/Compact-Model-Representation-using-Data-Textures-e8093ae372fa47bf9995c26dc24ccd53?pvs=4"
+               target="_other">Compact Model Representation using Data Textures</a>
+        </li>
+    </ul>
+    <h3>Assets</h3>
     <ul>
         <li><a href="https://www.cityjson.org/" target="_other">Model source</a></li>
     </ul>
diff --git a/examples/buildings/xkt_dtx_Schependomlaan.html b/examples/buildings/xkt_dtx_Schependomlaan.html
index b385b7d998..1b67dee508 100644
--- a/examples/buildings/xkt_dtx_Schependomlaan.html
+++ b/examples/buildings/xkt_dtx_Schependomlaan.html
@@ -128,8 +128,8 @@
 <div id="treeViewContainer"></div>
 <div class="slideout-sidebar">
     <img class="info-icon" style="width:280px; padding-bottom:10px;" src="../../assets/images/bim_icon.png"/>
-    <h1>XKTLoaderPlugin</h1>
-    <h2>Loading an XKT model</h2>
+    <h1>XKTLoaderPlugin and Data Textures</h1>
+    <h2>Loading a BIM model from an XKT file into a data texture model representation</h2>
     <h3>Stats</h3>
     <ul>
         <li>
@@ -155,7 +155,14 @@ <h3>Components used</h3>
                target="_other">NavCubePlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Tutorials</h3>
+    <ul>
+        <li>
+            <a href="https://www.notion.so/xeokit/Compact-Model-Representation-using-Data-Textures-e8093ae372fa47bf9995c26dc24ccd53?pvs=4"
+               target="_other">Compact Model Representation using Data Textures</a>
+        </li>
+    </ul>
+    <h3>Assets</h3>
     <ul>
         <li><a href="https://www.cityjson.org/" target="_other">Model source</a></li>
     </ul>
diff --git a/examples/buildings/xkt_dtx_Store.html b/examples/buildings/xkt_dtx_Store.html
index 93077085c0..1147ec2baf 100644
--- a/examples/buildings/xkt_dtx_Store.html
+++ b/examples/buildings/xkt_dtx_Store.html
@@ -128,8 +128,8 @@
 <div id="treeViewContainer"></div>
 <div class="slideout-sidebar">
     <img class="info-icon" style="width:280px; padding-bottom:10px;" src="../../assets/images/bim_icon.png"/>
-    <h1>XKTLoaderPlugin</h1>
-    <h2>Loading an XKT model</h2>
+    <h1>XKTLoaderPlugin and Data Textures</h1>
+    <h2>Loading a BIM model from an XKT file into a data texture model representation</h2>
     <h3>Stats</h3>
     <ul>
         <li>
@@ -155,7 +155,14 @@ <h3>Components used</h3>
                target="_other">NavCubePlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Tutorials</h3>
+    <ul>
+        <li>
+            <a href="https://www.notion.so/xeokit/Compact-Model-Representation-using-Data-Textures-e8093ae372fa47bf9995c26dc24ccd53?pvs=4"
+               target="_other">Compact Model Representation using Data Textures</a>
+        </li>
+    </ul>
+    <h3>Assets</h3>
     <ul>
         <li><a href="https://www.cityjson.org/" target="_other">Model source</a></li>
     </ul>
@@ -212,7 +219,18 @@ <h3>Resources</h3>
         metaModelSrc: "../../assets/models/xkt/v7/ConvenienceStore/ConvenienceStore.json",
         saoEnabled: true,
         edges: false,
-        dtxEnabled: true
+        dtxEnabled: true,
+        objectDefaults: { // This model has opaque windows / spaces; make them transparent
+            "IfcPlate": {
+                opacity: 0.3 // These are used as windows in this model - make transparent
+            },
+            "IfcWindow": {
+                opacity: 0.4
+            },
+            "IfcSpace": {
+                opacity: 0.4
+            }
+        }
     });
 
     sceneModel.on("loaded", () => {
diff --git a/examples/buildings/xkt_dtx_WestRiverSideHospital.html b/examples/buildings/xkt_dtx_WestRiverSideHospital.html
index 00b6813872..c268bc08b5 100644
--- a/examples/buildings/xkt_dtx_WestRiverSideHospital.html
+++ b/examples/buildings/xkt_dtx_WestRiverSideHospital.html
@@ -127,9 +127,9 @@
 <canvas id="myNavCubeCanvas"></canvas>
 <div id="treeViewContainer"></div>
 <div class="slideout-sidebar">
-    <img class="info-icon" src="../../assets/images/bim_icon.png"/>
-    <h1>XKTLoaderPlugin</h1>
-    <h2>Loading an IFC4 Model from the File System</h2>
+    <img class="info-icon" style="width:280px; padding-bottom:10px;" src="../../assets/images/bim_icon.png"/>
+    <h1>XKTLoaderPlugin and Data Textures</h1>
+    <h2>Loading a BIM model from an XKT file into a data texture model representation</h2>
     <h3>Stats</h3>
     <ul>
         <li>
@@ -155,7 +155,14 @@ <h3>Components used</h3>
                target="_other">NavCubePlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Tutorials</h3>
+    <ul>
+        <li>
+            <a href="https://www.notion.so/xeokit/Compact-Model-Representation-using-Data-Textures-e8093ae372fa47bf9995c26dc24ccd53?pvs=4"
+               target="_other">Compact Model Representation using Data Textures</a>
+        </li>
+    </ul>
+    <h3>Assets</h3>
     <ul>
         <li>
             <a href="http://openifcmodel.cs.auckland.ac.nz/Model/Details/274"
diff --git a/examples/buildings/xkt_dtx_metadata_Schependomlaan.html b/examples/buildings/xkt_dtx_metadata_Schependomlaan.html
index 45fbb7e8a4..77294de3c4 100644
--- a/examples/buildings/xkt_dtx_metadata_Schependomlaan.html
+++ b/examples/buildings/xkt_dtx_metadata_Schependomlaan.html
@@ -13,9 +13,10 @@
 <label for="info-button" class="info-button"><i class="far fa-3x fa-question-circle"></i></label>
 <canvas id="myCanvas"></canvas>
 <div class="slideout-sidebar">
-    <h1>XKTLoaderPlugin</h1>
-    <img class="info-icon" src="../../assets/images/bim_icon.png"/>
-    <h2>Using model metadata to X-ray some objects.</h2>
+    <img class="info-icon" style="width:280px; padding-bottom:10px;" src="../../assets/images/bim_icon.png"/>
+    <h1>XKTLoaderPlugin and Data Textures</h1>
+    <h2>Loading a BIM model from an XKT file into a data texture model representation</h2>
+    <h2>Using model metadata to X-ray some objects</h2>
     <p>Loads an .xkt IFC model from the file system, then uses the metadata to xray the whole
         third storey and fit it to view.</p>
     <h3>Stats</h3>
@@ -39,7 +40,14 @@ <h3>Components Used</h3>
                target="_other">MetaScene</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Tutorials</h3>
+    <ul>
+        <li>
+            <a href="https://www.notion.so/xeokit/Compact-Model-Representation-using-Data-Textures-e8093ae372fa47bf9995c26dc24ccd53?pvs=4"
+               target="_other">Compact Model Representation using Data Textures</a>
+        </li>
+    </ul>
+    <h3>Assets</h3>
     <ul>
         <li>
             <a href="https://github.com/openBIMstandards/DataSetSchependomlaan"
@@ -92,7 +100,18 @@ <h3>Resources</h3>
     const sceneModel = xktLoader.load({                                     // Creates a Node representing the model
         id: "myModel",
         src: "../../assets/models/xkt/v8/ifc/Schependomlaan.ifc.xkt",
-        edges: true
+        edges: true,
+        objectDefaults: { // This model has opaque windows / spaces; make them transparent
+            "IfcPlate": {
+                opacity: 0.3 // These are used as windows in this model - make transparent
+            },
+            "IfcWindow": {
+                opacity: 0.4
+            },
+            "IfcSpace": {
+                opacity: 0.4
+            }
+        }
     });
 
     const t0 = performance.now();
diff --git a/examples/buildings/xkt_dtx_metadata_moveStoreys.html b/examples/buildings/xkt_dtx_metadata_moveStoreys.html
index 1981bc6db3..d6435c8ede 100644
--- a/examples/buildings/xkt_dtx_metadata_moveStoreys.html
+++ b/examples/buildings/xkt_dtx_metadata_moveStoreys.html
@@ -13,9 +13,10 @@
 <label for="info-button" class="info-button"><i class="far fa-3x fa-question-circle"></i></label>
 <canvas id="myCanvas"></canvas>
 <div class="slideout-sidebar">
-    <h1>XKTLoaderPlugin</h1>
-    <img class="info-icon" src="../../assets/images/bim_icon.png"/>
-    <h2>Using IFC metadata to separate building storeys.</h2>
+    <img class="info-icon" style="width:280px; padding-bottom:10px;" src="../../assets/images/bim_icon.png"/>
+    <h1>XKTLoaderPlugin, Data Textures & Metadata</h1>
+    <h2>Loading a BIM model from an XKT file into a data texture model representation</h2>
+    <h3>Using IFC metadata to separate building storeys.</h3>
     <p>Loads an .xkt IFC model from the file system, then uses the model's metadata to reveal each
         building storey.</p>
     <p>Note that translation of objects requires the Viewer to be configured with <code>entityOffsetsEnabled</code> set
@@ -42,7 +43,14 @@ <h3>Components Used</h3>
                target="_other">MetaScene</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Tutorials</h3>
+    <ul>
+        <li>
+            <a href="https://www.notion.so/xeokit/Compact-Model-Representation-using-Data-Textures-e8093ae372fa47bf9995c26dc24ccd53?pvs=4"
+               target="_other">Compact Model Representation using Data Textures</a>
+        </li>
+    </ul>
+    <h3>Assets</h3>
     <ul>
         <li>
             <a href="https://github.com/openBIMstandards/DataSetSchependomlaan"
@@ -117,7 +125,18 @@ <h3>Resources</h3>
         id: "myModel",
         src: "../../assets/models/xkt/v8/ifc/Schependomlaan.ifc.xkt",
         saoEnabled: true,
-        edges: true
+        edges: true,
+        objectDefaults: { // This model has opaque windows / spaces; make them transparent
+            "IfcPlate": {
+                opacity: 0.3 // These are used as windows in this model - make transparent
+            },
+            "IfcWindow": {
+                opacity: 0.4
+            },
+            "IfcSpace": {
+                opacity: 0.4
+            }
+        }
     });
 
     const t0 = performance.now();
diff --git a/examples/buildings/xkt_manifest_Clinic.html b/examples/buildings/xkt_manifest_Clinic.html
index 0798fe5362..a48945d3f4 100644
--- a/examples/buildings/xkt_manifest_Clinic.html
+++ b/examples/buildings/xkt_manifest_Clinic.html
@@ -221,9 +221,9 @@
 </div>
 <div id="treeViewContainer"></div>
 <div class="slideout-sidebar">
-    <img class="info-icon" src="../../assets/images/bim_icon.png"/>
-    <h1>XKTLoaderPlugin</h1>
-    <h2>Loading a federated IFC4 model from the file system, split into multiple XKT files and a manifest</h2>
+    <img class="info-icon" style="width:280px; padding-bottom:10px;" src="../../assets/images/bim_icon.png"/>
+    <h1>XKTLoaderPlugin and Data Textures</h1>
+    <h2>Loading a federated BIM model from split multiple XKT files into a data texture model representation</h2>
 
     <h3>Stats</h3>
     <ul>
@@ -247,12 +247,19 @@ <h3>Components used</h3>
         </li>
 
     </ul>
-    <h3>Resources</h3>
+    <h3>Tutorials</h3>
     <ul>
         <li>
             <a href="https://www.notion.so/xeokit/Splitting-Big-IFC-Models-During-Conversion-for-Improved-Performance-165fc022e94742cf966ee50003572259"
-               target="_other">Splitting Big IFC Models During Conversion for Improved Performance</a>
+               target="_other">Automatically Splitting Large Models for Better Performance</a>
         </li>
+        <li>
+            <a href="https://www.notion.so/xeokit/Compact-Model-Representation-using-Data-Textures-e8093ae372fa47bf9995c26dc24ccd53?pvs=4"
+               target="_other">Compact Model Representation using Data Textures</a>
+        </li>
+    </ul>
+    <h3>Assets</h3>
+    <ul>
         <li>
             <a href="http://openifcmodel.cs.auckland.ac.nz/Model/Details/274"
                target="_other">Model source</a>
diff --git a/examples/buildings/xkt_manifest_KarhumakiBridge.html b/examples/buildings/xkt_manifest_KarhumakiBridge.html
index 8aa2db19e7..a1c9123661 100644
--- a/examples/buildings/xkt_manifest_KarhumakiBridge.html
+++ b/examples/buildings/xkt_manifest_KarhumakiBridge.html
@@ -222,8 +222,8 @@
 <div id="treeViewContainer"></div>
 <div class="slideout-sidebar">
     <img class="info-icon" src="../../assets/images/bim_icon.png"/>
-    <h1>XKTLoaderPlugin</h1>
-    <h2>Loading a federated IFC4 model from the file system, split into multiple XKT files and a manifest</h2>
+    <h1>XKTLoaderPlugin, Split Model and Data Textures</h1>
+    <h2>Loading a federated BIM model from split multiple XKT files into a data texture model representation</h2>
 
     <h3>Stats</h3>
     <ul>
@@ -247,12 +247,19 @@ <h3>Components used</h3>
         </li>
 
     </ul>
-    <h3>Resources</h3>
+    <h3>Tutorials</h3>
     <ul>
         <li>
             <a href="https://www.notion.so/xeokit/Splitting-Big-IFC-Models-During-Conversion-for-Improved-Performance-165fc022e94742cf966ee50003572259"
-               target="_other">Splitting Big IFC Models During Conversion for Improved Performance</a>
+               target="_other">Automatically Splitting Large Models for Better Performance</a>
         </li>
+        <li>
+            <a href="https://www.notion.so/xeokit/Compact-Model-Representation-using-Data-Textures-e8093ae372fa47bf9995c26dc24ccd53?pvs=4"
+               target="_other">Compact Model Representation using Data Textures</a>
+        </li>
+    </ul>
+    <h3>Assets</h3>
+    <ul>
         <li>
             <a href="http://drumbeat.cs.hut.fi/ifc/"
                target="_other">Model source</a>
@@ -283,12 +290,17 @@ <h3>Resources</h3>
 
     const xktLoader = new XKTLoaderPlugin(viewer);
 
-    xktLoader.load({
+   const sceneModel =  xktLoader.load({
         manifestSrc: "../../assets/models/xkt/v10/split/Karhumaki-Bridge/manifest.json",
         id: "myModel"
     });
 
-    var t0 = performance.now();
+    const t0 = performance.now();
+    document.getElementById("time").innerHTML = "Loading model...";
+    sceneModel.on("loaded", function () {
+        const t1 = performance.now();
+        document.getElementById("time").innerHTML = "Model loaded in " + Math.floor(t1 - t0) / 1000.0 + " seconds<br>Objects: " + sceneModel.numEntities;
+    });
 
     //----------------------------------------------------------------------------------------------------------------------
     // Create a tree view
diff --git a/examples/buildings/xkt_manifest_WestRiverSideHospital.html b/examples/buildings/xkt_manifest_WestRiverSideHospital.html
index 1794619b1e..e8804521a6 100644
--- a/examples/buildings/xkt_manifest_WestRiverSideHospital.html
+++ b/examples/buildings/xkt_manifest_WestRiverSideHospital.html
@@ -223,7 +223,7 @@
 <div class="slideout-sidebar">
     <img class="info-icon" src="../../assets/images/bim_icon.png"/>
     <h1>XKTLoaderPlugin</h1>
-    <h2>Loading a federated IFC4 model from the file system, split into multiple XKT files and a manifest</h2>
+    <h2>Loading a federated BIM model from split multiple XKT files into a data texture model representation</h2>
 
     <h3>Stats</h3>
     <ul>
@@ -247,12 +247,19 @@ <h3>Components used</h3>
         </li>
 
     </ul>
-    <h3>Resources</h3>
+    <h3>Tutorials</h3>
     <ul>
         <li>
             <a href="https://www.notion.so/xeokit/Splitting-Big-IFC-Models-During-Conversion-for-Improved-Performance-165fc022e94742cf966ee50003572259"
                target="_other">Splitting Big IFC Models During Conversion for Improved Performance</a>
         </li>
+        <li>
+            <a href="https://www.notion.so/xeokit/Compact-Model-Representation-using-Data-Textures-e8093ae372fa47bf9995c26dc24ccd53?pvs=4"
+               target="_other">Compact Model Representation using Data Textures</a>
+        </li>
+    </ul>
+    <h3>Assets</h3>
+    <ul>
         <li>
             <a href="http://openifcmodel.cs.auckland.ac.nz/Model/Details/274"
                target="_other">Model source</a>
@@ -285,7 +292,18 @@ <h3>Resources</h3>
 
     const sceneModel = xktLoader.load({
         manifestSrc: "../../assets/models/xkt/v2/WestRiverSideHospital/model.xkt.manifest.json",
-        id: "myModel"
+        id: "myModel",
+        objectDefaults: { // This model has opaque windows / spaces; make them transparent
+            "IfcPlate": {
+                opacity: 0.3 // These are used as windows in this model - make transparent
+            },
+            "IfcWindow": {
+                opacity: 0.4
+            },
+            "IfcSpace": {
+                opacity: 0.4
+            }
+        }
     });
 
     const t0 = performance.now();
diff --git a/examples/buildings/xkt_vbo_DemoProjekt.html b/examples/buildings/xkt_vbo_DemoProjekt.html
index 6f4d89596b..5a296f7a86 100644
--- a/examples/buildings/xkt_vbo_DemoProjekt.html
+++ b/examples/buildings/xkt_vbo_DemoProjekt.html
@@ -210,8 +210,9 @@ <h3>Resources</h3>
     //------------------------------------------------------------------------------------------------------------------
 
     const treeView = new TreeViewPlugin(viewer, {
+        hierarchy: "types",
         containerElement: document.getElementById("treeViewContainer"),
-        autoExpandDepth: 3 // Initially expand the root tree node
+        autoExpandDepth: 1 // Initially expand the root tree node
     });
 
     //------------------------------------------------------------------------------------------------------------------
diff --git a/examples/buildings/xkt_vbo_Duplex.html b/examples/buildings/xkt_vbo_Duplex.html
index 954894bbc2..9fb51df0b7 100644
--- a/examples/buildings/xkt_vbo_Duplex.html
+++ b/examples/buildings/xkt_vbo_Duplex.html
@@ -155,7 +155,7 @@ <h3>Components used</h3>
                target="_other">NavCubePlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Assets</h3>
     <ul>
         <li><a href="https://www.cityjson.org/" target="_other">Model source</a></li>
     </ul>
diff --git a/examples/buildings/xkt_vbo_HolterTower.html b/examples/buildings/xkt_vbo_HolterTower.html
index 214d6f18a8..709ea94330 100644
--- a/examples/buildings/xkt_vbo_HolterTower.html
+++ b/examples/buildings/xkt_vbo_HolterTower.html
@@ -155,7 +155,7 @@ <h3>Components used</h3>
                target="_other">NavCubePlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Assets</h3>
     <ul>
         <li><a href="https://www.cityjson.org/" target="_other">Model source</a></li>
     </ul>
diff --git a/examples/buildings/xkt_vbo_HousePlan.html b/examples/buildings/xkt_vbo_HousePlan.html
index 7d0becc170..5d3a6b900e 100644
--- a/examples/buildings/xkt_vbo_HousePlan.html
+++ b/examples/buildings/xkt_vbo_HousePlan.html
@@ -155,7 +155,7 @@ <h3>Components used</h3>
                target="_other">NavCubePlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Assets</h3>
     <ul>
         <li><a href="https://www.cityjson.org/" target="_other">Model source</a></li>
     </ul>
diff --git a/examples/buildings/xkt_vbo_IfcOpenHouse4.html b/examples/buildings/xkt_vbo_IfcOpenHouse4.html
index 81854d27ca..5ae0c85aae 100644
--- a/examples/buildings/xkt_vbo_IfcOpenHouse4.html
+++ b/examples/buildings/xkt_vbo_IfcOpenHouse4.html
@@ -155,7 +155,7 @@ <h3>Components used</h3>
                target="_other">NavCubePlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Assets</h3>
     <ul>
         <li><a href="https://www.cityjson.org/" target="_other">Model source</a></li>
     </ul>
diff --git a/examples/buildings/xkt_vbo_MAP.html b/examples/buildings/xkt_vbo_MAP.html
index 615f6080ca..8aef552ce6 100644
--- a/examples/buildings/xkt_vbo_MAP.html
+++ b/examples/buildings/xkt_vbo_MAP.html
@@ -155,7 +155,7 @@ <h3>Components used</h3>
                target="_other">NavCubePlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Assets</h3>
     <ul>
         <li><a href="https://www.cityjson.org/" target="_other">Model source</a></li>
     </ul>
diff --git a/examples/buildings/xkt_vbo_OTCCenferenceCenter.html b/examples/buildings/xkt_vbo_OTCCenferenceCenter.html
index ecd0eed0cc..d1ddeeb9d1 100644
--- a/examples/buildings/xkt_vbo_OTCCenferenceCenter.html
+++ b/examples/buildings/xkt_vbo_OTCCenferenceCenter.html
@@ -155,7 +155,7 @@ <h3>Components used</h3>
                target="_other">NavCubePlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Assets</h3>
     <ul>
         <li><a href="https://www.cityjson.org/" target="_other">Model source</a></li>
     </ul>
diff --git a/examples/buildings/xkt_vbo_RAC.html b/examples/buildings/xkt_vbo_RAC.html
index 40e67e941a..e30525341e 100644
--- a/examples/buildings/xkt_vbo_RAC.html
+++ b/examples/buildings/xkt_vbo_RAC.html
@@ -155,7 +155,7 @@ <h3>Components used</h3>
                target="_other">NavCubePlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Assets</h3>
     <ul>
         <li><a href="https://www.cityjson.org/" target="_other">Model source</a></li>
     </ul>
diff --git a/examples/buildings/xkt_vbo_RME.html b/examples/buildings/xkt_vbo_RME.html
index 1c1a0af823..db9c6df934 100644
--- a/examples/buildings/xkt_vbo_RME.html
+++ b/examples/buildings/xkt_vbo_RME.html
@@ -155,7 +155,7 @@ <h3>Components used</h3>
                target="_other">NavCubePlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Assets</h3>
     <ul>
         <li><a href="https://www.cityjson.org/" target="_other">Model source</a></li>
     </ul>
diff --git a/examples/buildings/xkt_vbo_Schependomlaan.html b/examples/buildings/xkt_vbo_Schependomlaan.html
index 8e60f3e72b..6aea19f657 100644
--- a/examples/buildings/xkt_vbo_Schependomlaan.html
+++ b/examples/buildings/xkt_vbo_Schependomlaan.html
@@ -155,7 +155,7 @@ <h3>Components used</h3>
                target="_other">NavCubePlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Assets</h3>
     <ul>
         <li><a href="https://www.cityjson.org/" target="_other">Model source</a></li>
     </ul>
diff --git a/examples/buildings/xkt_vbo_WaterLock.html b/examples/buildings/xkt_vbo_WaterLock.html
index 644131f3a9..0d389634d7 100644
--- a/examples/buildings/xkt_vbo_WaterLock.html
+++ b/examples/buildings/xkt_vbo_WaterLock.html
@@ -155,7 +155,7 @@ <h3>Components used</h3>
                target="_other">NavCubePlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Assets</h3>
     <ul>
         <li><a href="https://www.cityjson.org/" target="_other">Model source</a></li>
     </ul>
diff --git a/examples/buildings/xkt_vbo_federated_Clinic.html b/examples/buildings/xkt_vbo_federated_Clinic.html
index 5b5bd511ed..6bdc1404a9 100644
--- a/examples/buildings/xkt_vbo_federated_Clinic.html
+++ b/examples/buildings/xkt_vbo_federated_Clinic.html
@@ -256,7 +256,7 @@ <h3>Components used</h3>
                target="_other">NavCubePlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Assets</h3>
     <ul>
         <li>
             <a href="http://openifcmodel.cs.auckland.ac.nz/Model/Details/274"
diff --git a/examples/buildings/xkt_vbo_textures_HousePlan.html b/examples/buildings/xkt_vbo_textures_HousePlan.html
index e5398df429..4a49ad3406 100644
--- a/examples/buildings/xkt_vbo_textures_HousePlan.html
+++ b/examples/buildings/xkt_vbo_textures_HousePlan.html
@@ -155,7 +155,7 @@ <h3>Components used</h3>
                target="_other">NavCubePlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Assets</h3>
     <ul>
         <li><a href="https://www.cityjson.org/" target="_other">Model source</a></li>
     </ul>
diff --git a/examples/cities/XKT_dtx_Lyon.html b/examples/cities/XKT_dtx_Lyon.html
index 623fd7d4d5..b1e9523b9e 100644
--- a/examples/cities/XKT_dtx_Lyon.html
+++ b/examples/cities/XKT_dtx_Lyon.html
@@ -64,6 +64,10 @@ <h3>Components used</h3>
     </ul>
     <h3>Resources</h3>
     <ul>
+        <li>
+            <a href="https://www.notion.so/xeokit/Compact-Model-Representation-using-Data-Textures-e8093ae372fa47bf9995c26dc24ccd53?pvs=4"
+               target="_other">Compact Model Representation using Data Textures</a>
+        </li>
         <li>Model provided by <a href="https://bimdata.io" target="_other">BIMData.io</a></li>
     </ul>
 
diff --git a/examples/cities/index.html b/examples/cities/index.html
index 87e1ac32f8..9abe806f66 100644
--- a/examples/cities/index.html
+++ b/examples/cities/index.html
@@ -256,15 +256,15 @@
 
     const files = {
 
-        "XKT": [
-
-            "#XKT",
-
-            ["XKT_dtx_Lyon", "Lyon city model loaded from XKT into SceneModel (data textures enabled)"],
+        "XKT + VBOs": [
             ["XKT_Lyon", "Lyon city model loaded from XKT into SceneModel (data textures disabled)"],
             ["XKT_Lyon_logDepthBufDisabled", "Lyon city model loaded from XKT into SceneModel (data textures disabled)"]
         ],
 
+        "#XKT + Data Textures": [
+            ["XKT_dtx_Lyon", "Lyon city model loaded from XKT into SceneModel (data textures enabled)"]
+        ],
+
         "CityJSON": [
 
             "#CityJSON",
diff --git a/examples/css/style.css b/examples/css/style.css
index 88acefbec2..9ffe942714 100644
--- a/examples/css/style.css
+++ b/examples/css/style.css
@@ -98,6 +98,7 @@ body {
 #info li {
     margin: 5px;
     padding: 0px;
+    padding-bottom: 10px;
 }
 
 
@@ -324,7 +325,7 @@ p.subSectionTip {
 
 a.subSubSection {
     padding-left: 22px;
-    background: url("../../../assets/images/bullet-point.png") no-repeat 8px 2px !important;
+    background: url("../../assets/images/bullet-point.png") no-repeat 8px 2px !important;
 }
 
 #pageMenuContainer {
diff --git a/examples/lidar/glb_Roadworks.html b/examples/lidar/glb_Roadworks.html
index 3678b94122..c158659c96 100644
--- a/examples/lidar/glb_Roadworks.html
+++ b/examples/lidar/glb_Roadworks.html
@@ -27,6 +27,12 @@
     <img class="info-icon" src="../../assets/images/gltf_logo.png"/>
     <h1>GLTFLoaderPlugin</h1>
     <p>Loading a glTF roadworks scan captured on iPhone 12 Pro with <a href="https://scaniverse.com/">Scaniverse</a></p>
+    <h3>Stats</h3>
+    <ul>
+        <li>
+            <div id="time">Loading JavaScript modules...</div>
+        </li>
+    </ul>
     <h3>Components used</h3>
     <ul>
         <li>
@@ -83,6 +89,13 @@ <h3>Resources</h3>
         src: "../../assets/models/gltf/Roadworks/glTF/scene.gltf"
     });
 
+    const t0 = performance.now();
+    document.getElementById("time").innerHTML = "Loading model...";
+    sceneModel.on("loaded", function () {
+        const t1 = performance.now();
+        document.getElementById("time").innerHTML = "Model loaded in " + Math.floor(t1 - t0) / 1000.0 + " seconds<br>Objects: " + sceneModel.numEntities;
+    });
+
     sceneModel.on("loaded", () => {
         viewer.cameraFlight.flyTo(sceneModel);
     });
diff --git a/examples/lidar/glb_SkatePark.html b/examples/lidar/glb_SkatePark.html
index 1c26ff5dfc..a8210451c3 100644
--- a/examples/lidar/glb_SkatePark.html
+++ b/examples/lidar/glb_SkatePark.html
@@ -21,6 +21,12 @@ <h2>Viewing a binary glTF photogrammetry test model</h2>
             target="_other">GLTFLoaderPlugin</a> to load a photogrammetric scan from
        a binary glTF (.glb) file.</p>
     <p>
+    <h3>Stats</h3>
+    <ul>
+        <li>
+            <div id="time">Loading JavaScript modules...</div>
+        </li>
+    </ul>
     <h3>Components used</h3>
     <ul>
         <li>
@@ -67,6 +73,13 @@ <h3>Resources</h3>
         src: "../../assets/models/gltf/SkatePark/glTF-Binary/SkatePark.glb"
     });
 
+    const t0 = performance.now();
+    document.getElementById("time").innerHTML = "Loading model...";
+    sceneModel.on("loaded", function () {
+        const t1 = performance.now();
+        document.getElementById("time").innerHTML = "Model loaded in " + Math.floor(t1 - t0) / 1000.0 + " seconds<br>Objects: " + sceneModel.numEntities;
+    });
+
     sceneModel.on("loaded", () => {
         viewer.cameraFlight.jumpTo(sceneModel);
     });
diff --git a/examples/lidar/xkt_MAP.html b/examples/lidar/xkt_MAP.html
index 75b0660240..dc71fe26a9 100644
--- a/examples/lidar/xkt_MAP.html
+++ b/examples/lidar/xkt_MAP.html
@@ -137,8 +137,6 @@ <h3>Resources</h3>
 
     const xktLoader = new XKTLoaderPlugin(viewer);
 
-    var t0 = performance.now();
-
     document.getElementById("time").innerHTML = "Loading model...";
 
     const sceneModel = xktLoader.load({
@@ -147,6 +145,12 @@ <h3>Resources</h3>
         edges: true
     });
 
+    const t0 = performance.now();
+    document.getElementById("time").innerHTML = "Loading model...";
+    sceneModel.on("loaded", function () {
+        const t1 = performance.now();
+        document.getElementById("time").innerHTML = "Model loaded in " + Math.floor(t1 - t0) / 1000.0 + " seconds<br>Objects: " + sceneModel.numEntities;
+    });
 
     //------------------------------------------------------------------------------------------------------------------
     // GUI to play with points material properties
diff --git a/examples/measurement/XKT_dtx_Lyon.html b/examples/measurement/XKT_dtx_Lyon.html
index 6a11a211a5..2528ddafee 100644
--- a/examples/measurement/XKT_dtx_Lyon.html
+++ b/examples/measurement/XKT_dtx_Lyon.html
@@ -62,7 +62,7 @@ <h3>Components used</h3>
                target="_other">XKTLoaderPlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Assets</h3>
     <ul>
         <li>Model provided by <a href="https://bimdata.io" target="_other">BIMData.io</a></li>
     </ul>
diff --git a/examples/measurement/angle_createWithMouse_nosnapping.html b/examples/measurement/angle_createWithMouse_nosnapping.html
index 4ad66afe63..4640350f4d 100644
--- a/examples/measurement/angle_createWithMouse_nosnapping.html
+++ b/examples/measurement/angle_createWithMouse_nosnapping.html
@@ -37,7 +37,8 @@ <h3>Components Used</h3>
                target="_other">PointerLens</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+
+    <h3>Assets</h3>
     <ul>
         <li>
             <a href="http://openifcmodel.cs.auckland.ac.nz/Model/Details/274"
diff --git a/examples/measurement/angle_createWithMouse_snapping.html b/examples/measurement/angle_createWithMouse_snapping.html
index 6460a075b6..2482a934cc 100644
--- a/examples/measurement/angle_createWithMouse_snapping.html
+++ b/examples/measurement/angle_createWithMouse_snapping.html
@@ -37,7 +37,14 @@ <h3>Components Used</h3>
                target="_other">PointerLens</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Tutorials</h3>
+    <ul>
+        <li>
+            <a href="https://www.notion.so/xeokit/Accurate-Measurements-with-Snapping-5e6606afef20428f9b319ea0e82270f9"
+               target="_other">Accurate Measurements with Snapping</a>
+        </li>
+    </ul>
+    <h3>Assets</h3>
     <ul>
         <li>
             <a href="http://openifcmodel.cs.auckland.ac.nz/Model/Details/274"
diff --git a/examples/measurement/angle_modelWithMeasurements.html b/examples/measurement/angle_modelWithMeasurements.html
index 44f0d73b1f..e2360ea7cf 100644
--- a/examples/measurement/angle_modelWithMeasurements.html
+++ b/examples/measurement/angle_modelWithMeasurements.html
@@ -104,7 +104,8 @@ <h3>Components Used</h3>
                target="_other">XKTLoaderPlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+
+    <h3>Assets</h3>
     <ul>
         <li>
             <a href="http://openifcmodel.cs.auckland.ac.nz/Model/Details/274"
diff --git a/examples/measurement/distance_createWithMouse_nosnapping.html b/examples/measurement/distance_createWithMouse_nosnapping.html
index e0235f73b3..1fc4860288 100644
--- a/examples/measurement/distance_createWithMouse_nosnapping.html
+++ b/examples/measurement/distance_createWithMouse_nosnapping.html
@@ -112,7 +112,8 @@ <h3>Components Used</h3>
                target="_other">XKTLoaderPlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+
+    <h3>Assets</h3>
     <ul>
         <li>
             <a href="http://openifcmodel.cs.auckland.ac.nz/Model/Details/274"
diff --git a/examples/measurement/distance_createWithMouse_snapping.html b/examples/measurement/distance_createWithMouse_snapping.html
index bf235bbb4b..c90a17a4a8 100644
--- a/examples/measurement/distance_createWithMouse_snapping.html
+++ b/examples/measurement/distance_createWithMouse_snapping.html
@@ -112,7 +112,14 @@ <h3>Components Used</h3>
                target="_other">XKTLoaderPlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Tutorials</h3>
+    <ul>
+        <li>
+            <a href="https://www.notion.so/xeokit/Accurate-Measurements-with-Snapping-5e6606afef20428f9b319ea0e82270f9"
+               target="_other">Accurate Measurements with Snapping</a>
+        </li>
+    </ul>
+    <h3>Assets</h3>
     <ul>
         <li>
             <a href="http://openifcmodel.cs.auckland.ac.nz/Model/Details/274"
diff --git a/examples/measurement/distance_createWithMouse_snapping_Lyon.html b/examples/measurement/distance_createWithMouse_snapping_Lyon.html
index 7b94db0845..fc014ed060 100644
--- a/examples/measurement/distance_createWithMouse_snapping_Lyon.html
+++ b/examples/measurement/distance_createWithMouse_snapping_Lyon.html
@@ -72,7 +72,14 @@ <h3>Components Used</h3>
                target="_other">XKTLoaderPlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Tutorials</h3>
+    <ul>
+        <li>
+            <a href="https://www.notion.so/xeokit/Accurate-Measurements-with-Snapping-5e6606afef20428f9b319ea0e82270f9"
+               target="_other">Accurate Measurements with Snapping</a>
+        </li>
+    </ul>
+    <h3>Assets</h3>
     <ul>
         <li>Model provided by <a href="https://bimdata.io" target="_other">BIMData.io</a></li>
     </ul>
diff --git a/examples/measurement/distance_modelWithMeasurements.html b/examples/measurement/distance_modelWithMeasurements.html
index ae6c0e48d3..2d6d1d3285 100644
--- a/examples/measurement/distance_modelWithMeasurements.html
+++ b/examples/measurement/distance_modelWithMeasurements.html
@@ -104,7 +104,7 @@ <h3>Components Used</h3>
                target="_other">XKTLoaderPlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Assets</h3>
     <ul>
         <li>
             <a href="http://openifcmodel.cs.auckland.ac.nz/Model/Details/274"
diff --git a/examples/measurement/distance_modelWithMeasurements_hideAxisWires.html b/examples/measurement/distance_modelWithMeasurements_hideAxisWires.html
index 3a2f4cf22c..3637b96801 100644
--- a/examples/measurement/distance_modelWithMeasurements_hideAxisWires.html
+++ b/examples/measurement/distance_modelWithMeasurements_hideAxisWires.html
@@ -33,7 +33,7 @@ <h3>Components Used</h3>
                target="_other">XKTLoaderPlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Assets</h3>
     <ul>
         <li>
             <a href="http://openifcmodel.cs.auckland.ac.nz/Model/Details/274"
diff --git a/examples/measurement/distance_unitsAndScale.html b/examples/measurement/distance_unitsAndScale.html
index 7f10efec1b..823fe6ef2c 100644
--- a/examples/measurement/distance_unitsAndScale.html
+++ b/examples/measurement/distance_unitsAndScale.html
@@ -37,7 +37,7 @@ <h3>Components Used</h3>
                target="_other">DistanceMeasurementsPlugin</a>
         </li>
     </ul>
-    <h3>Resources</h3>
+    <h3>Assets</h3>
     <ul>
         <li>
             <a href="http://openifcmodel.cs.auckland.ac.nz/Model/Details/274"