diff --git a/src/LandingPage/components/figure1c.jsx b/src/LandingPage/components/figure1c.jsx index c8757cb4..cafebb30 100644 --- a/src/LandingPage/components/figure1c.jsx +++ b/src/LandingPage/components/figure1c.jsx @@ -40,6 +40,18 @@ const omeLabels = [ 'METHYL', ]; +const assayMap = { + METAB: 'Metabolomics', + IMMUNO: 'Immunoassays', + UBIQ: 'Ubiquitylome', + ACETYL: 'Acetylproteomics', + PHOSPHO: 'Phosphoproteomics', + PROT: 'Global proteomics', + TRNSCRPT: 'RNA-Seq', + ATAC: 'ATAC-seq', + METHYL: 'RRBS', +}; + const omeColors = [ { type: 'Genomics', color: '#FC8D62' }, { type: 'Proteomics', color: '#8DA0CB' }, @@ -130,25 +142,31 @@ function Figure1C() { .attr('class', 'heatmap-tooltip'); // Tooltip functions - const onMouseOver = (event) => { - d3.select(event.currentTarget).attr('rx', 12).attr('ry', 12); + const onMouseOver = (event, d) => { + if (d.featureCnt !== null) { + d3.select(event.currentTarget).attr('rx', 12).attr('ry', 12); + } }; const onMouseMove = (event, d) => { - tooltip - .html( - 'Tissue: ' + - figureTissueProps[d.tissue].label + - '
Assay: ' + - d.ome, - ) - .style('top', event.pageY - 60 + 'px') - .style('left', event.pageX + 'px'); - tooltip.transition().duration(100).style('opacity', 1); - d3.select(this).style('opacity', 1); + if (d.featureCnt !== null) { + tooltip + .html( + 'Tissue: ' + + figureTissueProps[d.tissue].label + + '
Assay: ' + + assayMap[d.ome], + ) + .style('top', event.pageY - 60 + 'px') + .style('left', event.pageX + 'px'); + tooltip.transition().duration(100).style('opacity', 1); + d3.select(this).style('opacity', 1); + } }; - const onMouseLeave = (event) => { - tooltip.transition().duration(100).style('opacity', 0); - d3.select(event.currentTarget).attr('rx', 4).attr('ry', 4); + const onMouseLeave = (event, d) => { + if (d.featureCnt !== null) { + tooltip.transition().duration(100).style('opacity', 0); + d3.select(event.currentTarget).attr('rx', 4).attr('ry', 4); + } }; // Draw squares diff --git a/src/LandingPage/components/figureTissueProps.json b/src/LandingPage/components/figureTissueProps.json index 6daaa829..737f3bf0 100644 --- a/src/LandingPage/components/figureTissueProps.json +++ b/src/LandingPage/components/figureTissueProps.json @@ -214,7 +214,7 @@ ] }, "TESTES": { - "label": "Testis", + "label": "Testes", "hoverLabelColor": "#6D86A5", "hoverLabelTextColor": "#FFFFFF", "assays": [