{"id":20358,"date":"2020-10-28T13:12:02","date_gmt":"2020-10-28T17:12:02","guid":{"rendered":"http:\/\/studentwork.prattsi.org\/infovis\/?p=20358"},"modified":"2020-10-28T13:12:05","modified_gmt":"2020-10-28T17:12:05","slug":"link-of-genes-and-disorders","status":"publish","type":"post","link":"https:\/\/studentwork.prattsi.org\/infovis\/labs\/networks\/link-of-genes-and-disorders\/","title":{"rendered":"Link of genes and disorders"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Introduction<\/h2>\n\n\n\n<p>For this lab report, I wanted to explore the field of biological networks. This information visualization informs the user about how disease genes and disorder genes are associated. Apart from providing the user about how genes are related to disorders, they can also help in a potential solution for it. General users can view this visualization to expand their knowledge regarding diseases and genes. However, researchers can view this visualization to study this topic and help in finding a cure for these diseases.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Inspiration &amp; References<\/h2>\n\n\n\n<p>Inspiration was taken from various sources to start with my visualization. These inspirations helped me to understand my topic and guided me to select the right way to present my data.<\/p>\n\n\n\n<p><a target=\"_blank\" href=\"https:\/\/studentwork.prattsi.org\/infovis\/labs\/visualizing-the-network-of-disorders-and-disease-genes\/\" rel=\"noreferrer noopener\">1 &#8211; VISUALIZING THE NETWORK OF DISORDERS AND DISEASE GENES<\/a><\/p>\n\n\n\n<p>This class lab report was my primary source to get the information. It provided some great visualization and example to go about my lab report. This lab report also helped me to understand the topic and provided me with a clearer view regarding what I want to achieve with my lab report.<\/p>\n\n\n\n<p><a target=\"_blank\" href=\"http:\/\/www.visualcomplexity.com\/vc\/\" rel=\"noreferrer noopener\">2 &#8211; VISUAL COMPLEXITY<\/a><\/p>\n\n\n\n<p>This source was a great way to look at different visualization. It helped me to understand various network layout and also how to use colors responsibly in any visualization.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Materials<\/h2>\n\n\n\n<p>I explored various websites to finalize the data for my visualization.&nbsp;<a target=\"_blank\" href=\"https:\/\/github.com\/gephi\/gephi\/wiki\/Datasets\" rel=\"noreferrer noopener\">Gephi-Wiki<\/a>&nbsp;is one of those websites which provided meaningful and exciting data. For this report, I selected Biological Network data that informs about the network of disorders and disease genes linked by the known disorder gene associations, indicating the common genetic origin of many diseases.&nbsp;<\/p>\n\n\n\n<p>After finalizing the topic,&nbsp;<a target=\"_blank\" href=\"https:\/\/gephi.org\/\" rel=\"noreferrer noopener\">Gephi<\/a>&nbsp;is used to explore different visualizations. Since my file was .gexf, it was easy to import in Gephi. Gephi also supported with editing the data within the software. Once the data was refined and polished, I started exploring different layouts for my report. I also explored the filter option to filter out data with modularity, degree, etc. After finalizing the appropriate visualization for the data, Illustrator is in use for implementing the final changes.&nbsp;<\/p>\n\n\n\n<p>After saving SVG of the visualization, I have used\u00a0<a rel=\"noreferrer noopener\" target=\"_blank\" href=\"https:\/\/www.adobe.com\/de\/products\/illustrator.html?gclid=CjwKCAjwoc_8BRAcEiwAzJevtbhEcDF-omUrDLuwUiNgvikg7LI_-oeoL-qM92L6B1ZCnDHWyveZdhoCM7gQAvD_BwE&amp;sdid=88X75SKP&amp;mv=search&amp;ef_id=CjwKCAjwoc_8BRAcEiwAzJevtbhEcDF-omUrDLuwUiNgvikg7LI_-oeoL-qM92L6B1ZCnDHWyveZdhoCM7gQAvD_BwE:G:s&amp;s_kwcid=AL!3085!3!341179585905!e!!g!!adobe%20illustrator!1425872103!56040776556\">Illustrator<\/a>\u00a0to execute some final changes. Illustrator provided with the support to adjust the layout and place the legends.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Visuals<\/h2>\n\n\n\n<p>The visuals for this data also follows a top-down process. This visualization tells the story from a macro to a micro level. Overall the visuals for this report have been kept minimal and easily distinguishable. Vibrant colors have been used on visualization so that viewers take this topic more engagingly. These colors stand out very well from each other and also on any colored background. Listed below are three visualizations created for this data.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1 &#8211; Overall Disease and Gene relation<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"840\" height=\"840\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/10\/disease01-1024x1024.png?resize=840%2C840&#038;ssl=1\" alt=\"\" class=\"wp-image-20359\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/10\/disease01.png?resize=1024%2C1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/10\/disease01.png?resize=300%2C300&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/10\/disease01.png?resize=150%2C150&amp;ssl=1 150w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/10\/disease01.png?resize=768%2C768&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/10\/disease01.png?resize=1536%2C1536&amp;ssl=1 1536w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/10\/disease01.png?resize=2048%2C2048&amp;ssl=1 2048w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/10\/disease01.png?resize=800%2C800&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/10\/disease01.png?resize=180%2C180&amp;ssl=1 180w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/10\/disease01.png?w=1680 1680w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/10\/disease01.png?w=2520 2520w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><figcaption>visualization 1 &#8211; Overall Disease and Gene relation<\/figcaption><\/figure>\n\n\n\n<p>Here I have presented how many genes and diseases are related to each other. This layout has a hierarchy of degrees and classes. The pink color represents the genes, whereas the blue circle represents the diseases. The size of the disease node represents the number of links with a gene. For example, the bigger nodes mean more links, and the smaller nodes signify fewer links with genes. This visualization helps the viewer to visually identify the overall link between genes and disease.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2 &#8211; Disease association with the degree<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"840\" height=\"480\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/10\/disease02-1024x585.png?resize=840%2C480&#038;ssl=1\" alt=\"\" class=\"wp-image-20360\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/10\/disease02.png?resize=1024%2C585&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/10\/disease02.png?resize=300%2C171&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/10\/disease02.png?resize=768%2C439&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/10\/disease02.png?resize=1536%2C878&amp;ssl=1 1536w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/10\/disease02.png?resize=2048%2C1170&amp;ssl=1 2048w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/10\/disease02.png?resize=800%2C457&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/10\/disease02.png?resize=315%2C180&amp;ssl=1 315w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/10\/disease02.png?w=1680 1680w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/10\/disease02.png?w=2520 2520w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><figcaption>Visualization 2 &#8211; Disease association with the degree<\/figcaption><\/figure>\n\n\n\n<p>Here the visualization informs the user about the degree association of a disease. With this, the viewers can easily understand what disease has the most number of association with any gene. For example, Deafness and Colon Cancer have the most number of associations and hence are standing out from others. This data helps the user to only focus on diseases and their association with others.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">3 &#8211; Colon Cancer<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"840\" height=\"840\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/10\/disease03-01-1024x1024.png?resize=840%2C840&#038;ssl=1\" alt=\"\" class=\"wp-image-20361\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/10\/disease03-01.png?resize=1024%2C1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/10\/disease03-01.png?resize=300%2C300&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/10\/disease03-01.png?resize=150%2C150&amp;ssl=1 150w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/10\/disease03-01.png?resize=768%2C768&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/10\/disease03-01.png?resize=1536%2C1536&amp;ssl=1 1536w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/10\/disease03-01.png?resize=2048%2C2048&amp;ssl=1 2048w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/10\/disease03-01.png?resize=800%2C800&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/10\/disease03-01.png?resize=180%2C180&amp;ssl=1 180w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/10\/disease03-01.png?w=1680 1680w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/10\/disease03-01.png?w=2520 2520w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><figcaption>Visualization 3 &#8211; Colon Cancer<\/figcaption><\/figure>\n\n\n\n<p>This visualization helps to focus just on one disease &#8211; Colon Cancer. The idea behind this is that we never know what disease might lead to something higher. Hence with this visualization, I am targeting all the neighbors related to Colon Cancer. Blue links here represent the neighbors of neighbors to Colon Cancer, and the Pink links represent the neighbors of Colon Cancer. This visualization sets a great example to study other diseases that may lead to colon cancer.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Result<\/h2>\n\n\n\n<p>This information visualization targets general viewers and researchers. It explores the boundary of the biological network by providing meaningful information. With this visualization, viewers can view the data collected or focus just on certain things. With this report, I tried to maintain a balance between aesthetics and information in my visualization. This data has endless possibilities, and everyone can explore it in many different ways.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Reflection<\/h2>\n\n\n\n<p>This exercise taught me to explore network data and also to have a different approach for them. I believe that with the network data-set, every outcome can be unique in itself. Gephi is a powerful software to explore these endless possibilities. Not only it provides a function to add aesthetic to visualization, but it also helps in manipulating data. The external plugins are also helpful for pushing the creative boundaries in Gephi. With my visualization and data-set, I can work on them in the future as well. For example, What if data of COVID-19 adds up to this data-set. We may know how COVID-19 is related to other diseases and genes. We can also predict the risk factor and survival rate for a human being. Before starting this lab report, I believed that network visualization is just aesthetically pleasing, but now I understand that they hold a lot of valuable information. This exercise helped me to look at network visualization differently and also guided me to always prioritizing the information.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Sources<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Gephi Wiki &#8220;<a rel=\"noreferrer noopener\" target=\"_blank\" href=\"https:\/\/github.com\/gephi\/gephi\/wiki\/Datasets\">https:\/\/github.com\/gephi\/gephi\/wiki\/Datasets<\/a>&#8220;<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>Stanford Large Network Dataset Collection &#8220;<a rel=\"noreferrer noopener\" target=\"_blank\" href=\"https:\/\/snap.stanford.edu\/data\/\">https:\/\/snap.stanford.edu\/data\/<\/a>&#8220;<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>Visual Complexity &#8220;http:\/\/www.visualcomplexity.com\/vc\/&#8221;<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>Castillo, Z., A network analysis of human diseases &#8220;<a rel=\"noreferrer noopener\" target=\"_blank\" href=\"https:\/\/studentwork.prattsi.org\/infovis\/labs\/a-network-analysis-of-human-diseases\/\">https:\/\/studentwork.prattsi.org\/infovis\/labs\/a-network-analysis-of-human-diseases\/<\/a>&#8220;<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>Jing, T., Visualizing the network of disorder and disease genes &#8220;<a rel=\"noreferrer noopener\" target=\"_blank\" href=\"https:\/\/studentwork.prattsi.org\/infovis\/labs\/visualizing-the-network-of-disorders-and-disease-genes\/\">https:\/\/studentwork.prattsi.org\/infovis\/labs\/visualizing-the-network-of-disorders-and-disease-genes\/<\/a>&#8220;<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Introduction For this lab report, I wanted to explore the field of biological networks. This information visualization informs the user about how disease genes and disorder genes are associated. Apart from providing the user about how genes are related to disorders, they can also help in a potential solution for it. General users can view&hellip;<\/p>\n","protected":false},"author":729,"featured_media":20362,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[342],"tags":[559,695,105,89,106],"coauthors":[555],"class_list":["post-20358","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-networks","tag-disease","tag-gene","tag-network","tag-network-graphs","tag-network-visualization"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/10\/InsightsPuzzle_SelfishDNA_2880x1650-scaled.jpg?fit=2560%2C1467&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paBdcV-5im","_links":{"self":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/20358","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/users\/729"}],"replies":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/comments?post=20358"}],"version-history":[{"count":1,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/20358\/revisions"}],"predecessor-version":[{"id":20363,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/20358\/revisions\/20363"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media\/20362"}],"wp:attachment":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media?parent=20358"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/categories?post=20358"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/tags?post=20358"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/coauthors?post=20358"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}