{"id":11449,"date":"2018-11-07T14:49:13","date_gmt":"2018-11-07T19:49:13","guid":{"rendered":"http:\/\/studentwork.prattsi.org\/infovis\/?p=11449"},"modified":"2019-01-10T23:53:36","modified_gmt":"2019-01-11T04:53:36","slug":"marvel-social-network-visualization","status":"publish","type":"post","link":"https:\/\/studentwork.prattsi.org\/infovis\/labs\/marvel-social-network-visualization\/","title":{"rendered":"Marvel Social Network Visualization"},"content":{"rendered":"<h3><strong><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11455 size-full\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/marvel-41af.jpg?resize=644%2C362\" alt=\"\" width=\"644\" height=\"362\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/marvel-41af.jpg?w=644&amp;ssl=1 644w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/marvel-41af.jpg?resize=300%2C169&amp;ssl=1 300w\" sizes=\"auto, (max-width: 644px) 100vw, 644px\" \/><\/strong><\/h3>\n<h3><strong>Introduction<\/strong><\/h3>\n<p><span style=\"font-weight: 400\">Marvel started in 1939 as Timely Publications, and by the early 1950s, had generally become known as Atlas Comics. The Marvel branding began in 1961, the year that the company launched <\/span><i><span style=\"font-weight: 400\">The Fantastic Four<\/span><\/i><span style=\"font-weight: 400\"> and other superhero titles created by Steve Ditko, Stan Lee, Jack Kirby and many others.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Marvel counts among its characters such well-known superheroes as Spider-Man, Iron Man, Captain America, Thor, the Hulk, Captain Marvel, Black Panther, Deadpool, Doctor Strange, Wolverine, Daredevil, Ghost Rider and the Punisher, such teams as the Avengers, the X-Men, the Fantastic Four, the Inhumans and the Guardians of the Galaxy, and antagonists including Thanos, Doctor Doom, Apocalypse, Magneto, Red Skull, Green Goblin, Ultron, Doctor Octopus, Loki, Kingpin and Venom. Most of Marvel&#8217;s fictional characters operate in a single reality known as the Marvel Universe, with most locations mirroring real-life places; many major characters are based in New York City.<\/span><\/p>\n<p><span style=\"font-weight: 400\">This visualization will present an overview of Marvel&#8217;s superhero networks. <\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><b>Materials<\/b><\/h3>\n<ol>\n<li style=\"font-weight: 400\"><a href=\"https:\/\/github.com\/gephi\/gephi\/wiki\/Datasets\"><span style=\"font-weight: 400\">The Marvel Social Network Gephi file<\/span><\/a><span style=\"font-weight: 400\"> \u2013 This network of superheroes was constructed by Cesc Rossell\u00f3, Ricardo Alberich, and Joe Miro from the University of the Balearic Islands. The data was collected by Infochimps and transformed and enhanced by Kai Chang.<\/span><\/li>\n<li style=\"font-weight: 400\"><a href=\"https:\/\/gephi.org\/\"><span style=\"font-weight: 400\">Gephi<\/span><\/a><span style=\"font-weight: 400\"> \u2013 It is an open-source software for network visualization and analysis. It helps data analysts to intuitively reveal patterns and trends, highlight outliers and tells stories with their data. It uses a 3D render engine to display large graphs in real-time and to speed up the exploration.<\/span><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h3><strong>Inspiration<\/strong><\/h3>\n<p><span style=\"font-weight: 400\">After choosing the dataset, I found this fan-made visualization which is also about the Marvel networking mining. <\/span><span style=\"font-weight: 400\">Closeness Centrality and Yifan Hu algorithm is applied to this network. It distances the communities that are independent to the network. \u00a0Main characters, or characters with more connections, have bigger nodes. And node colors indicate different superhero communities.\u00a0<\/span><\/p>\n<div id=\"attachment_11450\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11450\" class=\"wp-image-11450 size-full\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/marvel-graph-network-mining-5-1024.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-graph-network-mining-5-1024.jpg?w=1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/marvel-graph-network-mining-5-1024.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/marvel-graph-network-mining-5-1024.jpg?resize=768%2C432&amp;ssl=1 768w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><p id=\"caption-attachment-11450\" class=\"wp-caption-text\">Link to Graph: https:\/\/www.slideshare.net\/MuthuArasan\/marvel-graph-network-mining<\/p><\/div>\n<h4><\/h4>\n<h3><strong>Method<\/strong><\/h3>\n<p><strong>Dataset:<\/strong><\/p>\n<p><span style=\"font-weight: 400\">I found the data set on <\/span><a href=\"https:\/\/github.com\/gephi\/gephi\/wiki\/Datasets\"><span style=\"font-weight: 400\">Gefi wiki<\/span><\/a><span style=\"font-weight: 400\">. I chose it because I\u2019ve personally very interested in the subject. The problem with it is the dataset is too huge that Gephi tends to crash quite often. <\/span><\/p>\n<p><strong>Gephi:<\/strong><\/p>\n<ul>\n<li><span style=\"font-weight: 400\">Filter: The dataset is very huge and since I mainly want to present the more relative characters, I used the filter function and exclude the characters that has degree lower than 10 (The range of degree for this dataset is from 1 to 2189).<\/span><\/li>\n<li><span style=\"font-weight: 400\">Layout: I first chose to apply the <strong>ForceAtlas2<\/strong> as the layout. Although \u201cDissuade Hubs\u201d and \u201cPrevent Overlap\u201d were applied to centralize the key characters(nodes with higher degrees) and prevent the overlap between so many different characters, somehow the main characters were always seemed to be drifting away from the centre. So I tried to use the<strong> Yifan Hu<\/strong> algorithm. To avoid the nodes from overlapping, I set the Optimal Distance to 9000.0. In my experience, Yifan Hu is easier and faster to run while Gephi crashed a lot times trying to run ForceAtlas2. <\/span><\/li>\n<li><span style=\"font-weight: 400\">Node Size: I adjusted the node size by their degrees. N<\/span><span style=\"font-weight: 400\">odes with bigger size corresponds to the key players like Iron Man, Captain America, Spiderman etc. <\/span><\/li>\n<li><span style=\"font-weight: 400\">Node Color: I adjusted the node color by Modularity Class. Different superhero groups are distributed with different colors. Avengers-centered characters are green, Spiderman-centered characters are blue, Doctor Strange-centered characters are pink, X-Men are purple, Fantastic Four are black.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3><strong>Results<\/strong><\/h3>\n<p><span style=\"font-weight: 400\">This is the final visualization of the Marvel social networks.<\/span><\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11453 size-full\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/final.png?resize=840%2C840\" alt=\"\" width=\"840\" height=\"840\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/final.png?w=1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/final.png?resize=150%2C150&amp;ssl=1 150w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/final.png?resize=300%2C300&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/final.png?resize=768%2C768&amp;ssl=1 768w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">From the graph we can see the most important characters are Captain America, Spiderman, Iron Man,Wolverine, and Mr. Fantastic. We can also see how the avengers community&#8211;Captain America, Iron Man, Thor and Spiderman are highly connected while the X-Men group and the Fantastic Four are relatively separated.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Closeness Centrality shows which nodes are connected to other nodes that have high degree. It\u2019s a measure of influence of a node in a network. According to this, the highest influencer in the network is Captain America followed by Spider-man.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><strong>Reflection<\/strong><\/h3>\n<p><span style=\"font-weight: 400\">I still have a lot of confusions about how to use Gephi. I hope I could explore more about it and thus be able to better understand the complicated functions. <\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction Marvel started in 1939 as Timely Publications, and by the early 1950s, had generally become known as Atlas Comics. The Marvel branding began in 1961, the year that the company launched The Fantastic Four and other superhero titles created by Steve Ditko, Stan Lee, Jack Kirby and many others. Marvel counts among its characters&hellip;<\/p>\n","protected":false},"author":519,"featured_media":11455,"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":[338],"class_list":["post-11449","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-41af.jpg?fit=644%2C362&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paBdcV-2YF","_links":{"self":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/11449","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\/519"}],"replies":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/comments?post=11449"}],"version-history":[{"count":3,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/11449\/revisions"}],"predecessor-version":[{"id":11456,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/11449\/revisions\/11456"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media\/11455"}],"wp:attachment":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media?parent=11449"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/categories?post=11449"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/tags?post=11449"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/coauthors?post=11449"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}