MaayanLab / cfde_gene_pages

Common Fund Gene Landing Pages as a Dashboard
Other
1 stars 0 forks source link

Adding 3D structures of proteins #127

Open maxim-k opened 3 years ago

maxim-k commented 3 years ago

The problem Gene info, including PDB ids comes from https://mygene.info. But for some genes PDB has multiple ids. I.e. for STAT3 mygene.info returns: 5AX3 - Crystal structure of ERK2 complexed with allosteric and ATP-competitive inhibitors 5U5S - Solution structures of Brd2 second bromodomain in complex with stat3 peptide 6NJS - Stat3 Core in complex with compound SD36 6NUQ - Stat3 Core in complex with compound SI109 6QHD - Lysine acetylated and tyrosine phosphorylated STAT3 in a complex with DNA 6TLC - Unphosphorylated human STAT3 in complex with MS3-6 monobody

Solutions

u8sand commented 3 years ago

Apparently the AlphaFold website itself image

uses this component: https://github.com/PDBeurope/pdbe-molstar

I've implemented it as a react component in the pdbe-molstar branch.

image

It is trivially instantiated with:

      <PDBeMolstarWidget
        style={{ minHeight: 500 }}
        options={{ moleculeId: '2nnu', hideControls: true }}
      />

Not sure how we get the moleculeId though, perhaps it is, in fact, the ids we get out of mygene.info.

u8sand commented 3 years ago

Here is the docs for the options of the PDBeMolstarWidget https://github.com/PDBeurope/pdbe-molstar/wiki/1.-PDBe-Molstar-as-JS-plugin#plugin-parameters-options