Giter Site home page Giter Site logo

Improve tables about pheweb HOT 4 OPEN

statgen avatar statgen commented on August 14, 2024
Improve tables

from pheweb.

Comments (4)

pjvandehaar avatar pjvandehaar commented on August 14, 2024

How should column hiding/unhiding work? Would you have a drop-down where you can select (with checkmarks) which columns to show?


beta/sebeta: easy. Adding odds ratio should be easy but who knows.

Column sorting: I should use a different table library. Encore uses jquery.datatables.

from pheweb.

sgagliano avatar sgagliano commented on August 14, 2024

column hiding/unhiding: it's implemented in jquery.datatables https://datatables.net/examples/api/show_hide.html

beta/sebeta: start with this; and then we can tackle OR

Column sorting: jquery.datatables looks like a good solution.

from pheweb.

sgagliano avatar sgagliano commented on August 14, 2024

@pjvandehaar

Switch the Top Hits table to use jquery.datatables (to allow for sorting and filtering), and add the following columns:

  • Beta (discussed above)
  • "VT" SNP or Indel
  • "GENO" 0=imputed; 1=genotyped
  • VEP Impact

To the Tooltip add:

  • "R2" Imputation quality (or genotyped)
  • VEP Consequence

Eventually, when the user filters the table, the Manhattan plot filters too.

from pheweb.

pjvandehaar avatar pjvandehaar commented on August 14, 2024

Summary

For top_hits, pheno, and variant page tables:

  • Make some columns only available if there is data for them (eg, beta)

    • make a header-template that takes a {variant: true, beta_sebeta: true, ...}
    • likewise for row-template
    • put these two into a {%block%} for {%extends%}ing them
    • probably iteratively build these templates together, appending one column at a time. if (v.beta) { header_template += ... ; row_template += ... }
  • Make columns sortable. (eg, variant)

  • Allow users to choose which columns to show. (eg, R2)

  • Later: make the tables below PheWAS and Manhattan filterable, and those filters would affect the plot.

from pheweb.

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.