{"id":15257,"date":"2019-07-14T22:24:29","date_gmt":"2019-07-15T02:24:29","guid":{"rendered":"http:\/\/studentwork.prattsi.org\/infovis\/?p=15257"},"modified":"2019-07-14T22:24:56","modified_gmt":"2019-07-15T02:24:56","slug":"visualization-of-marvel-hero-network","status":"publish","type":"post","link":"https:\/\/studentwork.prattsi.org\/infovis\/visualization\/visualization-of-marvel-hero-network\/","title":{"rendered":"Visualization OF Marvel hero NETWORK"},"content":{"rendered":"\n<figure class=\"wp-block-image\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"840\" height=\"422\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/Marvel-heroes-network.png?resize=840%2C422\" alt=\"\" class=\"wp-image-15299\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/Marvel-heroes-network.png?w=850&amp;ssl=1 850w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/Marvel-heroes-network.png?resize=300%2C151&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/Marvel-heroes-network.png?resize=768%2C386&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/Marvel-heroes-network.png?resize=800%2C402&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/Marvel-heroes-network.png?resize=358%2C180&amp;ssl=1 358w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><figcaption>image by Rossella Pozzi <br><a href=\"https:\/\/www.researchgate.net\/figure\/Marvel-heroes-network_fig1_283380787\">https:\/\/www.researchgate.net\/figure\/Marvel-heroes-network_fig1_283380787<\/a><\/figcaption><\/figure>\n\n\n\n<p><strong>INTRODUCTION<\/strong><\/p>\n\n\n\n<p>The parallel universes derived from the Marvel universe become more and more perfect. The characters appearing in them are unmeasurable. There are already more than 5,000 superheroes in the universe. I have always been very interested in Marvel heroes. However\uff0cthe network is too large to know all the characters relationship. After watching the movie, I like to search for the heroes network organized by other people to help me clear out various relationship. These network pictures are very clear and easy understanding for people to know the hero&#8217;s relationship.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"672\" height=\"480\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/chart_MarvelNetwork_3.png?resize=672%2C480\" alt=\"\" class=\"wp-image-15305\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/chart_MarvelNetwork_3.png?w=672&amp;ssl=1 672w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/chart_MarvelNetwork_3.png?resize=300%2C214&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/chart_MarvelNetwork_3.png?resize=252%2C180&amp;ssl=1 252w\" sizes=\"auto, (max-width: 672px) 100vw, 672px\" \/><figcaption><a href=\"https:\/\/felixluginbuhl.com\/network\/\">https:\/\/felixluginbuhl.com\/network\/<\/a><\/figcaption><\/figure>\n\n\n\n<p>After learning the gephi\uff0cI tried to create a network map by myself which could answer the questions<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Which hero has more relationship with others?<\/li><li>How many main organizations are there in the Marvel universe? Who are them\uff1f<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Materials<\/h4>\n\n\n\n<p>Database\uff1a<a href=\"https:\/\/github.com\/gephi\/gephi\/wiki\/Datasets\">https:\/\/github.com\/gephi\/gephi\/wiki\/Datasets<\/a><\/p>\n\n\n\n<p>Software\uff1aGephi<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Methodology<\/h4>\n\n\n\n<p>Data collection\uff1a<\/p>\n\n\n\n<p>I collected my original Marvel hero network data from Github which is already a Gephi form file.  After opening it in the software, I found this data is large and mess, so I start to find some sample and method to clean and filter them.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1164\" height=\"623\" src=\"https:\/\/i1.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/gephi-full.png?fit=840%2C450\" alt=\"\" class=\"wp-image-15306\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/gephi-full.png?w=1164&amp;ssl=1 1164w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/gephi-full.png?resize=300%2C161&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/gephi-full.png?resize=768%2C411&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/gephi-full.png?resize=1024%2C548&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/gephi-full.png?resize=800%2C428&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/gephi-full.png?resize=336%2C180&amp;ssl=1 336w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><figcaption><a href=\"http:\/\/syntagmatic.github.io\/exposedata\/marvel\/\">http:\/\/syntagmatic.github.io\/exposedata\/marvel\/<\/a><\/figcaption><\/figure>\n\n\n\n<p>In this sample, the author adjusts the degree level to filter the information to make this ego graphic. In Gephi, The creators first use the Force Atlas 2 layout algorithm to cluster related nodes. And they used different colors to respond to different hero in the Marvel universe. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1270\" height=\"1114\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/\u5c4f\u5e55\u5feb\u7167-2019-07-14-\u4e0b\u53487.27.09.png?fit=840%2C737\" alt=\"\" class=\"wp-image-15307\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%887.27.09.png?w=1270&amp;ssl=1 1270w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%887.27.09.png?resize=300%2C263&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%887.27.09.png?resize=768%2C674&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%887.27.09.png?resize=1024%2C898&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%887.27.09.png?resize=800%2C702&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%887.27.09.png?resize=205%2C180&amp;ssl=1 205w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/figure>\n\n\n\n<p>This is the original graphic I had when I only use modularity Class to filter the database.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2426\" height=\"1586\" src=\"https:\/\/i2.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/\u5c4f\u5e55\u5feb\u7167-2019-07-14-\u4e0b\u53489.07.41.png?fit=840%2C549\" alt=\"\" class=\"wp-image-15310\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.07.41.png?w=2426&amp;ssl=1 2426w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.07.41.png?resize=300%2C196&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.07.41.png?resize=768%2C502&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.07.41.png?resize=1024%2C669&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.07.41.png?resize=800%2C523&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.07.41.png?resize=275%2C180&amp;ssl=1 275w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.07.41.png?w=1680 1680w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/figure>\n\n\n\n<p>Now it is a mess at all, so I used the behavior alternatives to solve the overlap problems. After select those options, it appears like this.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2086\" height=\"1460\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/\u5c4f\u5e55\u5feb\u7167-2019-07-14-\u4e0b\u53489.10.08.png?fit=840%2C588\" alt=\"\" class=\"wp-image-15315\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.10.08.png?w=2086&amp;ssl=1 2086w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.10.08.png?resize=300%2C210&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.10.08.png?resize=768%2C538&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.10.08.png?resize=1024%2C717&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.10.08.png?resize=800%2C560&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.10.08.png?resize=257%2C180&amp;ssl=1 257w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.10.08.png?w=1680 1680w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/figure>\n\n\n\n<p>In this graphics,  we can clearly see that in the Marvel university, there are five main organizations. The green part is the largest one which is lead by Iron man, Captain America, and Vision.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1642\" height=\"1318\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/\u5c4f\u5e55\u5feb\u7167-2019-07-14-\u4e0b\u53489.36.27.png?fit=840%2C674\" alt=\"\" class=\"wp-image-15317\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.36.27.png?w=1642&amp;ssl=1 1642w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.36.27.png?resize=300%2C241&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.36.27.png?resize=768%2C616&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.36.27.png?resize=1024%2C822&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.36.27.png?resize=800%2C642&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.36.27.png?resize=224%2C180&amp;ssl=1 224w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><figcaption>main characters in different organizations<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1222\" height=\"942\" src=\"https:\/\/i1.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/\u5c4f\u5e55\u5feb\u7167-2019-07-14-\u4e0b\u53489.36.47.png?fit=840%2C647\" alt=\"\" class=\"wp-image-15318\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.36.47.png?w=1222&amp;ssl=1 1222w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.36.47.png?resize=300%2C231&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.36.47.png?resize=768%2C592&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.36.47.png?resize=1024%2C789&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.36.47.png?resize=800%2C617&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.36.47.png?resize=234%2C180&amp;ssl=1 234w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><figcaption><em>main characters in different organization<\/em>s<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1596\" height=\"860\" src=\"https:\/\/i1.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/\u5c4f\u5e55\u5feb\u7167-2019-07-14-\u4e0b\u53489.36.41.png?fit=840%2C453\" alt=\"\" class=\"wp-image-15319\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.36.41.png?w=1596&amp;ssl=1 1596w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.36.41.png?resize=300%2C162&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.36.41.png?resize=768%2C414&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.36.41.png?resize=1024%2C552&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.36.41.png?resize=800%2C431&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.36.41.png?resize=334%2C180&amp;ssl=1 334w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><figcaption><em>main characters in different organization<\/em>s<\/figcaption><\/figure>\n\n\n\n<p>Back to the question which I had in the beginning: Which hero has more relationship with others? I changed the algorithm from ForceAtlas2 to Circular layout. This layout can show the relationship between each other more clearly. To simplify this database and create the main hero circle, I changed the degree range from 1-2189 to 800-2189. Make sure only the main characters will be shown in this graphics.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1350\" height=\"1332\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/\u5c4f\u5e55\u5feb\u7167-2019-07-14-\u4e0b\u53489.46.31.png?fit=840%2C829\" alt=\"\" class=\"wp-image-15320\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.46.31.png?w=1350&amp;ssl=1 1350w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.46.31.png?resize=300%2C296&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.46.31.png?resize=768%2C758&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.46.31.png?resize=1024%2C1010&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.46.31.png?resize=800%2C789&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-07-14-%E4%B8%8B%E5%8D%889.46.31.png?resize=182%2C180&amp;ssl=1 182w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/figure>\n\n\n\n<p>In this graphic, we could see that Invisible women and the human torch have a strong connection, as well as Spiderman and Watson. The characters Iron man, Wolverine, and Scarlet Witch have more connection with other heroes in Marvel Word.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Reflection<\/h4>\n\n\n\n<p>Gephi is ideal for analyzing and visualizing complex data networks. In this project, I think the biggest difficulty is to let normal viewers understand your complex network. So some of them aim to show the overall information like I didn&#8217;t put too many details like text or tags. Simply use color to response to different sections. In the following projects, I feel like that I should improve the diversity of my data. The graphics made with only one database is not enough. If there are more related data to make different graphics and create a storyboard is more helpful for viewers to understand it. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>INTRODUCTION The parallel universes derived from the Marvel universe become more and more perfect. The characters appearing in them are unmeasurable. There are already more than 5,000 superheroes in the universe. I have always been very interested in Marvel heroes. However\uff0cthe network is too large to know all the characters relationship. After watching the movie,&hellip;<\/p>\n","protected":false},"author":665,"featured_media":15299,"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":[1],"tags":[],"coauthors":[438],"class_list":["post-15257","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-visualization"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/07\/Marvel-heroes-network.png?fit=850%2C427&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paBdcV-3Y5","_links":{"self":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/15257","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\/665"}],"replies":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/comments?post=15257"}],"version-history":[{"count":5,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/15257\/revisions"}],"predecessor-version":[{"id":15470,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/15257\/revisions\/15470"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media\/15299"}],"wp:attachment":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media?parent=15257"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/categories?post=15257"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/tags?post=15257"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/coauthors?post=15257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}