diff --git a/examples/vanilla/differential-expression.html b/examples/vanilla/differential-expression.html index d0c53ef4..33413d8c 100644 --- a/examples/vanilla/differential-expression.html +++ b/examples/vanilla/differential-expression.html @@ -154,12 +154,13 @@

Differential expression of genes | Ideogram

}) } - function writeSliders(comparison) { + function writeSliders(comparison, labels) { + const comparisonLabel = labels[`log2fc-${comparison}`].replace('Log2fc_', ''); const metrics = ['log2fc', 'adj-p-value']; const comparisonId = comparison.toLowerCase().replace(/[()\s]/g, ''); document.querySelector('#facets').innerHTML += `
-
${comparison}
+
${comparisonLabel}
`; metrics.forEach((metric, i) => writeSliderContainer(metric, i, comparisonId)); @@ -174,12 +175,14 @@

Differential expression of genes | Ideogram

const labels = metadata.labels; let filters = []; - for (const facetKey in labels) { - if (Array.isArray(labels[facetKey])) { - filters.push(facetKey); - labels[facetKey].forEach((label, i) => { + for (const key in labels) { + if (Array.isArray(labels[key])) { + var editedKey = key[0].toUpperCase() + key.slice(1).replace(/-/g, ' ') + filters.push(editedKey); + labels[key].forEach((label, i) => { + const editedLabel = label[0].toUpperCase() + label.slice(1).replace(/-/g, ' ') const lowerLabel = label.toLowerCase(); - const filterID = `filter_${facetKey}_${label}`; + const filterID = `filter_${key}_${label}`; const toggleClass = i >= 5 ? 'hidden' : ''; const filter = `