-
Notifications
You must be signed in to change notification settings - Fork 17
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #206 from broadinstitute/integration
Integration
- Loading branch information
Showing
44 changed files
with
1,937 additions
and
21,251 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,55 @@ | ||
| #gene-expr-vplot-toolbar-plot-options { | ||
| display: inline-flex; | ||
| } | ||
|
|
||
| #gene-expr-vplot-toolbar-plot-options label { | ||
| margin-bottom: 0; | ||
| } | ||
|
|
||
| #gene-expr-vplot-toolbar { | ||
| border-bottom: 1px solid #e2e2e2; | ||
| border-top: 1px solid #e2e2e2; | ||
| padding: 5px 0px 5px 0px; | ||
| } | ||
|
|
||
| .gene-expr-vplot-option-label { | ||
| padding-right: 5px; | ||
| font-size: 15px; | ||
| font-variant: all-small-caps; | ||
| font-weight: 500; | ||
| } | ||
|
|
||
| #gene-expr-vplot-svg .violin-x-axis line, #gene-expr-vplot-svg .violin-y-axis line, #gene-expr-vplot-svg .violin-x-axis path, #gene-expr-vplot-svg .violin-y-axis path{ | ||
| stroke: Black; | ||
| } | ||
|
|
||
| #gene-expr-vplot-svg .violin-x-axis text, #gene-expr-vplot-svg .violin-y-axis text, #gene-expr-vplot-svg .violin-axis-label { | ||
| fill: Black; | ||
| font-size: 11.5px; | ||
| font-weight: 500; | ||
| } | ||
|
|
||
| #gene-expr-vplot-svg text.violin-axis-label { | ||
| font-size: 12px; | ||
| } | ||
|
|
||
| #gene-expr-vplot-svg text.violin-legend-text { | ||
| font-size: 11.5px; | ||
| fill: Black; | ||
| font-weight: 500; | ||
| } | ||
|
|
||
| #gene-expr-vplot-svg path.violin.outlined { | ||
| stroke-width: 1.2px; | ||
| stroke: rgba(170, 170, 170, 0.9); | ||
| } | ||
|
|
||
| #gene-expr-vplot-svg path.violin.highlighted { | ||
| stroke-width: 2px; | ||
| stroke: rgba(85, 95, 102, 1); | ||
| } | ||
|
|
||
| #gene-expr-vplot-svg path.violin.highlighted.outlined { | ||
| stroke-width: 2px; | ||
| stroke: rgba(85, 95, 102, 1); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,148 @@ | ||
| <!doctype html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous"> | ||
| <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" | ||
| integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" | ||
| crossorigin="anonymous"> | ||
| <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Libre+Franklin:300,400" > | ||
| <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css"> | ||
| <link rel="stylesheet" type="text/css" href="/css/violin.css"> | ||
| </head> | ||
| <body class="container-fluid" style="margin-top:20px; margin-left: 20px;"> | ||
| <h3>GTEx EQTL Violin Plot</h3> | ||
| <hr> | ||
| <div id="violin-1-root"></div> | ||
| <div id="violin-2-root"></div> | ||
| <div id="violin-3-root"></div> | ||
| <div id="violin-4-root"></div> | ||
|
|
||
| </body> | ||
| <script | ||
| src="https://code.jquery.com/jquery-3.2.1.min.js" | ||
| integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" | ||
| crossorigin="anonymous"> | ||
| </script> | ||
| <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script> | ||
| <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script> | ||
| <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.4/js/select2.full.min.js"></script> | ||
| <script | ||
| src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" | ||
| integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" | ||
| crossorigin="anonymous"> | ||
| </script> | ||
| <script src="https://fastcdn.org/FileSaver.js/1.1.20151003/FileSaver.min.js"></script> | ||
| <script src="/build/js/eqtl-violin.bundle.min.js"></script> | ||
| <script> | ||
| $(document).ready(function(){ | ||
| let gencodeId1 = 'ENSG00000248746.1'; // ACTN3 | ||
| let tissueId1 = 'Muscle_Skeletal'; | ||
| let group1 = 'Muscle - Skeletal'; | ||
| let variantId1 = '11_66329732_A_G_b37'; | ||
| let config1 = { | ||
| id: 'violin-1-root', | ||
| data: undefined, // web service call would assign the plot's data | ||
| width: 250, | ||
| height: 200, | ||
| marginLeft: 50, | ||
| marginRight: 20, | ||
| marginTop: 20, | ||
| marginBottom: 50, | ||
| showDivider: false, | ||
| xPadding: 0.3, | ||
| yLabel: 'Norm. Expression', | ||
| showSubX: true, | ||
| showX: false, | ||
| xAngle: 0, | ||
| subXAngle: 0, | ||
| showWhisker: false, | ||
| showLegend: false, | ||
| showSampleSize: true | ||
| }; | ||
| EqtlViolinPlot.render(config1, gencodeId1, variantId1, tissueId1, group1); | ||
|
|
||
| let gencodeId2 = 'ENSG00000100030.10'; // MAPK1 | ||
| let tissueId2 = 'Brain_Hypothalamus'; | ||
| let group2 = 'Brain - Hypothalamus'; | ||
| let variantId2 = '22_23174771_A_G_b37'; | ||
| let config2 = { | ||
| id: 'violin-2-root', | ||
| data: undefined, // web service call would assign the plot's data | ||
| width: 250, | ||
| height: 200, | ||
| marginLeft: 50, | ||
| marginRight: 20, | ||
| marginTop: 20, | ||
| marginBottom: 50, | ||
| showDivider: false, | ||
| xPadding: 0.3, | ||
| yLabel: 'Norm. Expression', | ||
| showSubX: true, | ||
| showX: false, | ||
| xAngle: 0, | ||
| subXAngle: 0, | ||
| showWhisker: false, | ||
| showLegend: false, | ||
| showSampleSize: true | ||
| }; | ||
| EqtlViolinPlot.render(config2, gencodeId2, variantId2, tissueId2, group2); | ||
|
|
||
| let gencodeId3 = 'ENSG00000100030.10'; // MAPK1 | ||
| let tissueId3 = 'Brain_Anterior_cingulate_cortex_BA24'; | ||
| let group3 = 'Brain - Anterior cingulate cortex (BA24)'; | ||
| let variantId3 = '22_22504321_T_C_b37'; | ||
| let config3 = { | ||
| id: 'violin-3-root', | ||
| data: undefined, // web service call would assign the plot's data | ||
| width: 250, | ||
| height: 200, | ||
| marginLeft: 50, | ||
| marginRight: 20, | ||
| marginTop: 20, | ||
| marginBottom: 50, | ||
| showDivider: false, | ||
| xPadding: 0.3, | ||
| yLabel: 'Norm. Expression', | ||
| showSubX: true, | ||
| showX: false, | ||
| xAngle: 0, | ||
| subXAngle: 0, | ||
| showWhisker: false, | ||
| showLegend: false, | ||
| showSampleSize: true | ||
| }; | ||
| EqtlViolinPlot.render(config3, gencodeId3, variantId3, tissueId3, group3); | ||
|
|
||
| let gencodeId4 = 'ENSG00000100030.10'; // ACTN3 | ||
| let tissueId4 = 'Brain_Hippocampus'; | ||
| let group4 = 'Brain - Hippocampus'; | ||
| let variantId4 = '22_23193959_T_G_b37'; | ||
| let config4 = { | ||
| id: 'violin-4-root', | ||
| data: undefined, // web service call would assign the plot's data | ||
| width: 250, | ||
| height: 200, | ||
| marginLeft: 50, | ||
| marginRight: 20, | ||
| marginTop: 20, | ||
| marginBottom: 50, | ||
| showDivider: false, | ||
| xPadding: 0.3, | ||
| yLabel: 'Norm. Expression', | ||
| showSubX: true, | ||
| showX: false, | ||
| xAngle: 0, | ||
| subXAngle: 0, | ||
| showWhisker: false, | ||
| showLegend: false, | ||
| showSampleSize: true | ||
| }; | ||
| EqtlViolinPlot.render(config4, gencodeId4, variantId4, tissueId4, group4); | ||
|
|
||
|
|
||
| }); | ||
|
|
||
| </script> | ||
|
|
||
| </html> |
Oops, something went wrong.