{"id":146,"date":"2019-07-06T18:18:23","date_gmt":"2019-07-06T18:18:23","guid":{"rendered":"http:\/\/metascape.org\/blog\/?p=146"},"modified":"2019-07-06T18:18:23","modified_gmt":"2019-07-06T18:18:23","slug":"visualize-networks-online-and-offline","status":"publish","type":"post","link":"https:\/\/metascape.org\/blog\/?p=146","title":{"rendered":"Visualize Networks Online and Offline"},"content":{"rendered":"\n

Metascape provides intuitive visualizations for either pathway enrichment networks or protein-protein interaction networks. By default, we do not display labels for the nodes within the .png and .pdf outputs, because displaying them will make both networks and labels unreadable (Figure 1).<\/p>\n\n\n\n

\"\"
Figure 1. Displaying labels tend to make the network visualization unpublishable.<\/figcaption><\/figure><\/div>\n\n\n\n

In order to interpret the network, we recommend users to open the network .cys file within Cytoscape<\/a> application. For those users who do not have Cytoscape installed or just want a quick examination of the networks, Metascape now provides an easy alternative to display networks within the browser.<\/p>\n\n\n\n

Visualization within Browser<\/strong><\/p>\n\n\n\n

On the Analysis Report web page. Users can click on the Web icon (Figure 2) to open an interactive browser page. The network is displayed using CytoscapeJS<\/a>, a simplified Cytoscape web client.<\/p>\n\n\n\n

\"\"
Figure 2. Click on the Web icon to open the network in a new browser window.<\/figcaption><\/figure><\/div>\n\n\n\n

In the web view, one can use mouse scroll to zoom in\/out. The labels for the nodes can be displayed when they are mouse selected (Figure 3). The application seems to be buggy (at least when the labels have not been displayed yet), if you do not see labels, try to click on the background to unselect nodes first, then mouse select the nodes again.<\/p>\n\n\n\n

\"\"
Figure 3. Select nodes (by mouse boxing them, yellow highlighted) will have their descriptions displayed. <\/figcaption><\/figure><\/div>\n\n\n\n

We also included CytoscapeJS application in the Zip package. The AnalysisReport.html file contained with the zip file provides the same Web icon that can lead to the similar web view (works without Internet connection).<\/p>\n\n\n\n

Cytoscape AutoAnnotate<\/strong><\/p>\n\n\n\n

Better visualization options are available by opening the .cys session file within the Cytoscape application. AutoAnnotate is a Cytoscape app preinstalled in Cytoscape (if not, upgrade your Cytoscape or use menu Apps > App Manager to install).<\/p>\n\n\n\n

To run AutoAnnotate, choose menu Apps > AutoAnnotate > New Annotation Set … (Figure 4).<\/p>\n\n\n\n

\"\"
Figure 4. Launch AutoAnnotate<\/figcaption><\/figure><\/div>\n\n\n\n

Configure the Advanced options like the following (Figure 5). This is for the GO enrichment network. There is no need to use AutoAnnotate for protein-protein interaction network, as we display gene symbols for all MCODE networks by default.<\/p>\n\n\n\n

\"\"
Figure 5. Configuration options.<\/figcaption><\/figure><\/div>\n\n\n\n

The result is shown below (Figure 6). There are settings (shown on the right panel) to adjust colors and font sizes. Notice that AutoAnnotate nicely extracts keywords for each cluster to provide a functional overview. Since the default effect can be rather crowded, AutoAnnotate is not used by Metascape to produce publishable graphics.<\/p>\n\n\n\n

\"\"
Figure 6. The result of AutoAnnotate.<\/figcaption><\/figure>\n\n\n\n

If you would like move clusters apart for a clearer view, it is important to use menu Layout > Clear All Edge Bends to unbundle edges first.<\/p>\n\n\n\n

\"\"
Figure 7. Unbundle all edges.<\/figcaption><\/figure><\/div>\n\n\n\n

Then select nodes and move them to desirable locations:<\/p>\n\n\n\n

\"\"
Figure 8. Separate clusters with edge bundle off.<\/figcaption><\/figure><\/div>\n\n\n\n

Then bundle the edges afterwards for a more aesthetic view using menu Layout > Bundle Edges > All Nodes and Edges.<\/p>\n\n\n\n

\"\"
Figure 9. Bundle edges<\/figcaption><\/figure><\/div>\n\n\n\n

We turn Figure 9 into Figure 10:<\/p>\n\n\n\n

\"\"
Figure 10. Edge bundle on.<\/figcaption><\/figure><\/div>\n\n\n\n

If you would like to publish the final graph, use menu File > Export > Network to Image …<\/p>\n","protected":false},"excerpt":{"rendered":"

Metascape provides intuitive visualizations for either pathway enrichment networks or protein-protein interaction networks. By default, we do not display labels for the nodes within the .png and .pdf outputs, because displaying them will make both networks and labels unreadable (Figure … Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,6],"tags":[33,4],"class_list":["post-146","post","type-post","status-publish","format-standard","hentry","category-comment","category-visualization","tag-network","tag-visualization"],"_links":{"self":[{"href":"https:\/\/metascape.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/metascape.org\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/metascape.org\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/metascape.org\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/metascape.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=146"}],"version-history":[{"count":5,"href":"https:\/\/metascape.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/146\/revisions"}],"predecessor-version":[{"id":162,"href":"https:\/\/metascape.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/146\/revisions\/162"}],"wp:attachment":[{"href":"https:\/\/metascape.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=146"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/metascape.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=146"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/metascape.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}