diff --git a/examples/interactive-filtering2.html b/examples/interactive-filtering2.html
index 6b05527de..ad40dcd6c 100644
--- a/examples/interactive-filtering2.html
+++ b/examples/interactive-filtering2.html
@@ -945,8 +945,16 @@
const filterChange = () => {
const selection = getSelection()
const filterFunction = buildFilter(selection, facets)
+
+ const t1 = Date.now()
trackToFilter.filter = filterFunction
+ const t2 = Date.now()
+ console.log(`Apply filter: ${t2 - t1}`)
+
+ const t3 = Date.now()
updateFilterCounts(trackToFilter, facets)
+ const t4 = Date.now()
+ console.log(`Update filter counts: ${t4 - t3}`)
}
// Apply initial filter, which might filter a few features
@@ -1153,7 +1161,14 @@
/** Get counts for each filter, in each facet */
function updateFilterCounts(trackToFilter, facets) {
- const featuresInView = trackToFilter.getInViewFeatures()
+ const t0 = Date.now();
+
+ const featuresInView = trackToFilter.getInViewFeatures()
+
+ const t1 = Date.now()
+ console.log(` getInViewFeatures: ${t1 - t0}`)
+
+ const t2 = Date.now()
// Reset counts
for (let facet of facets) {
@@ -1168,6 +1183,10 @@
}
}
+ const t3 = Date.now()
+ console.log(` reset counts: ${t3 - t2}`)
+
+ const t4 = Date.now();
// Loop through features counting by filter
for (let igvFeature of featuresInView) {
@@ -1196,8 +1215,10 @@
}
}
}
+ const t5 = Date.now();
+ console.log(` count by filter: ${t5 - t4}`)
-
+ const t6 = Date.now()
// Update dom
for (let facet of facets) {
@@ -1218,6 +1239,9 @@
}
}
+ const t7 = Date.now()
+ console.log(` updateDom: ${t7 - t6}`)
+
}