Giter Site home page Giter Site logo

Comments (11)

KHBHH avatar KHBHH commented on August 14, 2024

I am working on this, using the CSS trick.

from dna_rchitect.

alosdiallo avatar alosdiallo commented on August 14, 2024

No problem

from dna_rchitect.

KHBHH avatar KHBHH commented on August 14, 2024

I tried to adjust the size of plots using the CSS trick, so that they will fit in one panel (I have inlcuded the UI in html file), you can test it here:
https://hmsimmunodept.shinyapps.io/DNARchitect_qa/

Now, The buttons show beside each other above the plots whenever I select more than a plot, for instance(HiC-ATAC).
Before, I had the download button under each plot. What do you think?

from dna_rchitect.

KHBHH avatar KHBHH commented on August 14, 2024

I will make the fontsize of texts on the plot bigger (I will inlcude it later)

from dna_rchitect.

KHBHH avatar KHBHH commented on August 14, 2024

This is done, but still need to deploy it to shinyapps.io to make sure it works there, will let you know till tomorrow!

from dna_rchitect.

KHBHH avatar KHBHH commented on August 14, 2024

I deployed it to shinyapps.io, you can check it here. https://hmsimmunodept.shinyapps.io/DNARchitect_qa/

I changed the size of the plots (they look a little bit smaller now) and if more than 1 data is chosen, they should show beneath each other without so much space between them.

Right now I just need to check if this looks fine in smaller screens, as my PC has a bigger one. Please let me know what you think.

from dna_rchitect.

KHBHH avatar KHBHH commented on August 14, 2024

I can change the sizes of the plots if they look small.

from dna_rchitect.

KHBHH avatar KHBHH commented on August 14, 2024

I fixed the 'croping genome names' problem, but I need to test it on smaller screen to make sure it is working. Mine is pretty large.

from dna_rchitect.

KHBHH avatar KHBHH commented on August 14, 2024

Regarding this, I tried to play around with the css trick, but it seems that the extra space in the plot is from the plot itself, and it makes sense. With hic_bedpe file the genes underneath the plot are few, that's why we notice the white space. But when I did plot K562_NHEK_GM12878-loops.txt the genes filled the space. Maybe it is better to discuss this live.

hic_bedpe

(the file attached below does not show bezier curves, that is another issue that I will check with Ricardo, I just put it so that the genes are shown)

hg19-pax5

from dna_rchitect.

KHBHH avatar KHBHH commented on August 14, 2024

I think this is done, we can discuss it after you check.

from dna_rchitect.

alosdiallo avatar alosdiallo commented on August 14, 2024

Resolving to close

from dna_rchitect.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.