Cytoscape test4: Difference between revisions
From FANTOM5_SSTAR
No edit summary |
No edit summary |
||
Line 51: | Line 51: | ||
<html><link rel="stylesheet" href="/resource_browser/nwfiles/f5-style.css" /></html> | <html><link rel="stylesheet" href="/resource_browser/nwfiles/f5-style.css" /></html> | ||
{{ | <html> | ||
<!-- F5 Cytoscape App HTML --> | |||
<div id="f5_cytoscapeweb"> | |||
<div id="tabs_box"> | |||
<div id="tabs"> | |||
<ul> | |||
<li><a href="#style_panel">Layout</a></li> | |||
<li><a href="#filter_panel">Filter</a></li> | |||
<li><a href="#export_panel">Export</a></li> | |||
<li><a href="#properties_panel_nodes">Nodes</a></li> | |||
<li><a href="#properties_panel_edges">Edges</a></li> | |||
</ul> | |||
<div id="style_panel"> | |||
<label class="style">Layout:</label> | |||
<select id="cyto_layout" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"> | |||
<option value="Preset">Preset</option> | |||
<option value="ForceDirected" selected>Force Directed</option> | |||
<option value="Circle">Circle</option> | |||
<option value="Radial">Radial</option> | |||
<option value="Tree">Tree</option> | |||
</select> | |||
<button id="cyto_recalc">Recalculate</button> | |||
<label class="style">Labels:</label> | |||
<input type="checkbox" id="cyto_node_labels" checked> Nodes</td></tr> | |||
<br /><input type="checkbox" id="cyto_edge_labels"> Edges</td></tr> | |||
</div> | |||
<div id="filter_panel"> | |||
<div> | |||
<label class="filter">Show edges:</label> | |||
<div id="edge_type_filter"> | |||
<input type="checkbox" id="cyto_edges_binds_to" value="binds_to" checked>TF->MOTIF</input> | |||
<br /><input type="checkbox" id="cyto_edges_promotes" value="promotes" checked>Promoters</input> | |||
</div> | |||
<div id="z_filter" class="slider">Promoter Z-Score:</div> | |||
<p /> | |||
<!-- div id="degree_filter" class="slider">Motif degree:</div --> | |||
<div id="tf_indegree_filter" class="slider">TF indegree:</div> | |||
<div id="nodes_type_filter"> | |||
<label class="filter">TF outdegree:</label> | |||
<input type="checkbox" id="cyto_nodes_tf_src" value="tf" checked>Source (Outdegree > 0)</input> | |||
<br /><input type="checkbox" id="cyto_nodes_tf" value="tf" checked>Target (Outdegree = 0)</input> | |||
</div> | |||
</div> | |||
</div> | |||
<div id="properties_panel_nodes" class="properties_panel scrollable"> | |||
<div> | |||
<button id="btn_show_all_nodes" class="rt_btn">Show all nodes</button> | |||
<button id="btn_show_select_nodes" class="rt_btn">Show only selected nodes</button> | |||
<p /><table id="nodes_list" class="wikitable"> | |||
</table> | |||
</div> | |||
</div> | |||
<div id="properties_panel_edges" class="properties_panel scrollable"> | |||
<div> | |||
<button id="btn_show_all_edges" class="rt_btn">Show all edges</button> | |||
<button id="btn_show_select_edges" class="rt_btn">Show only selected edges</button> | |||
<p /><table id="edges_list" class="wikitable"> | |||
</table> | |||
</div> | |||
</div> | |||
<div id="export_panel"> | |||
<label class="export">Export Network:</label> | |||
<button id="btn_exportGraphml">graphml</button> | |||
<button id="btn_exportXgmml">xgmml</button> | |||
<button id="btn_exportSIF">sif</button> | |||
<button id="btn_exportJSON">JSON</button> | |||
<label class="export">Export Image:</label> | |||
<button id="btn_exportPDF">PDF</button> | |||
<button id="btn_exportPNG">PNG</button> | |||
<button id="btn_exportSVG">SVG</button> | |||
</div> | |||
</div> | |||
</div> | |||
<div id="cytoscapeweb"></div> | |||
<div id="legend"><b>LEGEND:</b> <span class="tf">TF <img src="/resource_browser/nwfiles/tf.png" /></span>, <span class="motif">MOTIF <img src="/resource_browser/nwfiles/motif.png" /></span>, | |||
<br /><span class="tf">MOTIF->TF <img src="/resource_browser/nwfiles/motif-tf.png" /></span>, <span class="motif">TF->MOTIF <img src="/resource_browser/nwfiles/tf-motif.png" /></span></div> | |||
</div> | |||
<!-- Header Section --> | |||
<!-- JQuery UI --> | |||
<script type="text/javascript" src="/resource_browser/nwfiles/jquery-ui.min.js"></script> | |||
<link href="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/base/jquery-ui.css" rel="stylesheet" /> | |||
<link href="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/redmond/jquery-ui.css" rel="stylesheet" /> | |||
<!-- JSON support for IE (needed to use JS API) --> | |||
<script type="text/javascript" src="/resource_browser/rb_js/cytoscapeweb/js/min/json2.min.js"></script> | |||
<!-- Flash embedding utility (needed to embed Cytoscape Web) --> | |||
<script type="text/javascript" src="/resource_browser/rb_js/cytoscapeweb/js/min/AC_OETags.min.js"></script> | |||
<!-- Cytoscape Web JS API (needed to reference org.cytoscapeweb.Visualization) --> | |||
<script type="text/javascript" src="/resource_browser/rb_js/cytoscapeweb/js/min/cytoscapeweb.min.js"></script> | |||
<!-- F5 Cytoscape app --> | |||
<link href="/resource_browser/nwfiles/f5_cytoview_2.css" rel="stylesheet"/> | |||
<script type="text/javascript" src="/resource_browser/nwfiles/f5_cytoview_5.js"></script> | |||
<!-- Data Loading Section --> | |||
<script type="text/javascript"> | |||
// Load Data | |||
var durl = "/resource_browser/nwfiles/</html>{{{CNhs}}}.{{{FFid}}}.xgmml<html>"; | |||
//var durl = "/resource_browser/nwfiles/CNhs10630.10024-101D6.xgmml" | |||
var request = new XMLHttpRequest(); | |||
request.open("GET", durl , false); | |||
request.send(null); | |||
var xml = request.responseText; | |||
// initialization cytoscape options | |||
var options = { | |||
swfPath: "/resource_browser/rb_js/cytoscapeweb/swf/CytoscapeWeb", | |||
flashInstallerPath: "/resource_browser/rb_js/cytoscapeweb/swf/playerProductInstall" | |||
}; | |||
</script> | |||
</html> |
Revision as of 16:00, 24 July 2012
Details
Transcriptome profiling
hCAGE | {{{profile_hcage}}} |
---|---|
RNA-seq | {{{profile_rnaseq}}} |
smallRNA seq | {{{profile_srnaseq}}} |
nanoCAGEscan | {{{profile_cagescan}}} |
Sample info
strain | {{{sample_strain}}} |
---|---|
tissue | {{{sample_tissue}}} |
dev_stage | {{{sample_dev_stage}}} |
sex | {{{sample_sex}}} |
age | {{{sample_age}}} |
ethnicity | {{{sample_ethnicity}}} |
cell_type | {{{sample_cell_type}}} |
cell_line | {{{sample_cell_line}}} |
collaboration | {{{sample_collaboration}}} |
Experimental condition | {{{sample_experimental_condition}}} |
disease | {{{sample_disease}}} |
cell_lot | {{{sample_cell_lot}}} |
cell_catalog | {{{sample_cell_catalog}}} |
company | {{{sample_company}}} |
donor(cell lot) | {{{sample_donor(cell lot)}}} |
Note | {{{sample_note}}} |
RNA info
sample_id | {{{sample_id}}} |
---|---|
tube_id | {{{rna_tube_id}}} |
box | {{{rna_box}}} |
position | {{{rna_position}}} |
lot_number | {{{rna_lot_number}}} |
catalog_number | {{{rna_catalog_number}}} |
RIN | {{{rna_rin}}} |
OD260/230 | {{{rna_od260/230}}} |
OD260/280 | {{{rna_od260/280}}} |
sample_type | {{{rna_sample_type}}} |
extraction_protocol | {{{rna_extraction_protocol}}} |
weight_ug | {{{rna_weight_ug}}} |
concentration | {{{rna_concentration}}} |