{"id":11474,"date":"2018-11-07T23:33:25","date_gmt":"2018-11-08T04:33:25","guid":{"rendered":"http:\/\/studentwork.prattsi.org\/infovis\/?p=11474"},"modified":"2019-01-10T23:53:28","modified_gmt":"2019-01-11T04:53:28","slug":"network-of-marvel-heroes","status":"publish","type":"post","link":"https:\/\/studentwork.prattsi.org\/infovis\/labs\/network-of-marvel-heroes\/","title":{"rendered":"Network of Marvel Heroes"},"content":{"rendered":"<h2><b>Introduction<\/b><\/h2>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-11480\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/marvel-comics-wallpapers-27638-9835036.jpg?resize=840%2C473\" alt=\"\" width=\"840\" height=\"473\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/marvel-comics-wallpapers-27638-9835036.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/marvel-comics-wallpapers-27638-9835036.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/marvel-comics-wallpapers-27638-9835036.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/marvel-comics-wallpapers-27638-9835036.jpg?w=1920&amp;ssl=1 1920w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/marvel-comics-wallpapers-27638-9835036.jpg?w=1680 1680w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/p>\n<p>(https:\/\/www.planetbroadcasting.com\/our-shows\/do-go-on\/episodes\/138-marvel-characters-special-with-guest-nick-mason\/attachment\/marvel-comics-wallpapers-27638-9835036\/)<\/p>\n<p><span style=\"font-weight: 400\">Marvel heroes are worldwide comic idols for people all around the world. With over 8,000 characters. Marvel comics started in 1939 and been generally known as Atlas Comics since the early 1950s. During past 80 years. Direct from Marvel\u2019s lawyers, the studio has created over 8,000 characters. <\/span><span style=\"font-weight: 400\">Blockbuster film franchises including Iron Man,The Incredible Hulk, Thor, Captain America: The First Avenger, Marvel&#8217;s The Avengers and Iron Man 3. <\/span><\/p>\n<p><span style=\"font-weight: 400\">As a fun of Marvel, I am really curious about the social networks between these super heroes. \u00a0<\/span><span style=\"font-weight: 400\">Take this project as a chance, I decided to visualize main edges and major connections between them. <\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><b>Inspiration<\/b><\/h2>\n<p><span style=\"font-weight: 400\">I searched about visualization of social networks of marvel heroes and came across the graph below. This graph shows us what the significant networks looks like.<\/span><\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-11479 aligncenter\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/marvel_hosok_halojaban_angol_low.jpg?resize=355%2C1024\" alt=\"\" width=\"355\" height=\"1024\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/marvel_hosok_halojaban_angol_low.jpg?resize=355%2C1024&amp;ssl=1 355w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/marvel_hosok_halojaban_angol_low.jpg?resize=104%2C300&amp;ssl=1 104w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/marvel_hosok_halojaban_angol_low.jpg?w=555&amp;ssl=1 555w\" sizes=\"auto, (max-width: 355px) 100vw, 355px\" \/><\/p>\n<p style=\"text-align: center\"><span style=\"font-weight: 400\">(<\/span><a href=\"https:\/\/maven7network.blogspot.com\/2013\/02\/networks-of-marvel-heroes.html\"><span style=\"font-weight: 400\">https:\/\/maven7network.blogspot.com\/2013\/02\/networks-of-marvel-heroes.html<\/span><\/a><span style=\"font-weight: 400\">)<\/span><\/p>\n<p><span style=\"font-weight: 400\">Using different color, sizes of nodes and length of edges, it indicates the closeness and centrality among main figures. In this graph, we can easily find out which figure has the most amount of connections&#8211;Captain America who followed by Spider-man, Beast and Thor. <\/span><\/p>\n<p><span style=\"font-weight: 400\">I wanted to explore different formats to indicate their connections but keep its clarity and understand ability.<\/span><\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-11477 aligncenter\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/mymuesli_full.jpg?resize=840%2C710\" alt=\"\" width=\"840\" height=\"710\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/mymuesli_full.jpg?resize=1024%2C866&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/mymuesli_full.jpg?resize=300%2C254&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/mymuesli_full.jpg?resize=768%2C649&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/mymuesli_full.jpg?w=1500&amp;ssl=1 1500w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/p>\n<p style=\"text-align: center\"><span style=\"font-weight: 400\">(<\/span><b>http:\/\/archive.stefaner.eu\/projects\/musli-ingredient-network\/<\/b><span style=\"font-weight: 400\">)<\/span><\/p>\n<p><span style=\"font-weight: 400\">I continued to explore different formats of network visualization formats, this graph above attracted my eyes. The circle format looks pretty straightforward. It clearly divides nodes into groups by differentiating the distance and color of edges. And edges are also ranked by weight to indicate the strength of connections.<\/span><\/p>\n<h2><b>Materials<\/b><\/h2>\n<p><span style=\"font-weight: 400\">1.Kaggel&#8211;The Marvel Universe Social Network data set. Kaggel is an open source platform for public to explore and publish data sets. It\u2019s own by Google since March 2017. This data set was conducted and uploaded by Claudio Sanhueza.<\/span><\/p>\n<ol start=\"2\">\n<li><span style=\"font-weight: 400\"> Gephi&#8211;Gephi is a free open-source network analysis and visualization tool.<\/span><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h2><b>Method to Create This Visualization<\/b><\/h2>\n<ol>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Selecting Data set. <\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400\">I found this data set on Kaggle which is the open-source platform I used for my previous lab report. It provides loads of interesting dataset. \u00a0I searched by putting the keyword \u201cMarvel\u201d onto the search bar. It came out with 5 data set in total. I chose the one with \u201csocial network\u201d in its name. \u00a0In this file, there are there csv files emphasis on different aspect separately. I chose the one called \u201chero-network\u201d to upload onto Gephi. <\/span><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Visualizing by Gephi.<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400\">I inspected the the data set and found it was as clean as needed. So I started to upload it into Gephi. Since I think the best form for mapping out the network among people is force-directed, so I chose ForceAtlas 2 as the initial layout, to see how it generally looked like. Unfortunately, the data set seemed too huge for Gephi&#8211;as 10471 nodes and 224127 edges in total, it caused the software shut down twice. In order to avoid same situations happen again, I tried to put filters as soon as the data was imported. I set up partition count (eccentricity) as a filter: range from 2985( \u2154 of the total 4264) to 4264. And I also set another filter \u201cDegree Range\u201d from 512 (3\/1 of the total) to 2789. The result with this layout was not very clear(picture 3). <\/span><\/p>\n<p><span style=\"font-size: 1.0625rem\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"wp-image-11478 aligncenter\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/WeChat-Screenshot_20181107232234.png?resize=545%2C581\" alt=\"\" width=\"545\" height=\"581\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/WeChat-Screenshot_20181107232234.png?w=728&amp;ssl=1 728w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/WeChat-Screenshot_20181107232234.png?resize=281%2C300&amp;ssl=1 281w\" sizes=\"auto, (max-width: 545px) 100vw, 545px\" \/>So I moved to the layout of \u201ccircle\u201d with plugin called \u201ccircular layout\u201d. \u00a0I set the degree range from 1000 instead of 1 to 2789 as a filter, and<\/span><\/p>\n<h2><b>Results and Interpretations <\/b><\/h2>\n<p><span style=\"font-weight: 400\">From the final result I got, we can easily tell that spider-man has the largest amount of connection with other heroes, the next significant figure with most connections is Captain America. However, from the weight and color of edges, we can tell that connections between Thor with Mr.Fantastic, Invisible Woman with Mr. Fantastic\/Thing Benjamin\/Thor are most frequent connections.<\/span><\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"wp-image-11475 aligncenter\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/10.png?resize=708%2C708\" alt=\"\" width=\"708\" height=\"708\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/10.png?w=1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/10.png?resize=150%2C150&amp;ssl=1 150w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/10.png?resize=300%2C300&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/10.png?resize=768%2C768&amp;ssl=1 768w\" sizes=\"auto, (max-width: 708px) 100vw, 708px\" \/><\/p>\n<h2><\/h2>\n<h2><b>Reflection for Future<\/b><\/h2>\n<p><span style=\"font-weight: 400\">From doing this project, I think Gephi is a very powerful tool to analyse datasets of network, but the learning curve is steep. The interface includes lots of jargon words that take time to understand, especially it doesn\u2019t allow users to return to last step, so you should carefully make changes, and save file incrementally. \u00a0But overall, it has a outstanding capability which save a lot of time for designers. <\/span><\/p>\n<p><span style=\"font-weight: 400\">I would like to explore other tools in Gephi and test how it would affect the graph. I think working on connection of figures appear in different comic stories was very interesting. For the future projects, I probably will work on visualizing connections of factors that cause environmental problems for my final project.<\/span><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction (https:\/\/www.planetbroadcasting.com\/our-shows\/do-go-on\/episodes\/138-marvel-characters-special-with-guest-nick-mason\/attachment\/marvel-comics-wallpapers-27638-9835036\/) Marvel heroes are worldwide comic idols for people all around the world. With over 8,000 characters. Marvel comics started in 1939 and been generally known as Atlas Comics since the early 1950s. During past 80 years. Direct from Marvel\u2019s lawyers, the studio has created over 8,000 characters. Blockbuster film franchises including Iron Man,The&hellip;<\/p>\n","protected":false},"author":524,"featured_media":11480,"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":[149,342],"tags":[],"coauthors":[337],"class_list":["post-11474","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-labs","category-networks"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/marvel-comics-wallpapers-27638-9835036.jpg?fit=1920%2C1080&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paBdcV-2Z4","_links":{"self":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/11474","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\/524"}],"replies":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/comments?post=11474"}],"version-history":[{"count":2,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/11474\/revisions"}],"predecessor-version":[{"id":11482,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/11474\/revisions\/11482"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media\/11480"}],"wp:attachment":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media?parent=11474"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/categories?post=11474"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/tags?post=11474"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/coauthors?post=11474"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}