Staging gEAR-Several graphs (other than SVG) do not fit in the boxes - Githubissues

IGS / gEAR

The gEAR Portal was created as a data archive and viewer for gene expression data including microarrays, bulk RNA-Seq, single-cell RNA-Seq and more.

https://umgear.org

GNU Affero General Public License v3.0

13 stars 4 forks source link

Staging gEAR-Several graphs (other than SVG) do not fit in the boxes #825

Closed beamilon closed 3 months ago

beamilon commented 3 months ago

@adkinsrs @JPReceveur Several datasets have graphs that go over the bottom of the result window. It is often less noticeable than for SVGs but it is pretty frequent. One example below.

adkinsrs commented 3 months ago

What profile is this? The plots are sized to the display tile, but if the dataset name is long it can push the plot further down. So I believe that I need to display the title before rendering the plot.

beamilon commented 3 months ago

There are many of them. It was never a problem with the previous version of gEAR. The one above is Noise/Damage/Protection

Adult profile: P7-adult, mouse, RNA-seq, medial geniculate and primary auditory cortex (A1) (Hackett)
Central auditory system: P7-adult, mouse, RNA-seq, medial geniculate and primary auditory cortex (A1) (Hackett)
Development: P3, 8 wko, mouse, microarray, cochlear sensory epithelium (Zine); P5, P18, mouse, microarray, over-expression of miRNA cluster (Mir183, Mir96, Mir182 (Tg1MDW)) in the cochlea and organ of Corti (OC) vs WT (Soukup)
Ear (diverse variety): P1, mouse, scRNA-seq, cochlea, hair cells, supporting cells, and non sensory cells (Kelley); P1, mouse, scRNA-seq, utricle, hair cells, supporting cells, and transitional epithelial cells (Kelley)

I am going through the profiles and there are some in almost every profiles so there is no point in listing everything

adkinsrs commented 3 months ago

Screenshot 2024-07-25 at 11 20 38 AM

Screenshot 2024-07-25 at 11 21 07 AM

@beamilon I am not seeing this with some of the datasets you have linked, though I am seeing it with the Noise/Damage Protection examples. Again, I think I just need to have the dataset title render before the plot is rendered, and that may shrink the plot to fit the boundaries.

beamilon commented 3 months ago

@adkinsrs The first two in your screenshot are extending below the box. It is not by a lot but the bottom edge of the box is not visible because it is covered by the graph.

adkinsrs commented 3 months ago

Oh I see now.

adkinsrs commented 3 months ago

Got the CSS styling right so that these work now. Did it by adjusting the plot container height relative to the height of the title (and any projection information that is added). Still need to work on SVG height though, since that is depended on the legend above it.

adkinsrs commented 3 months ago

Screenshot 2024-07-25 at 2 22 35 PM

Closing this ticket, and going to focus on the SVG stuff in the other ticket