{"id":9947,"date":"2018-07-17T15:56:08","date_gmt":"2018-07-17T19:56:08","guid":{"rendered":"http:\/\/studentwork.prattsi.org\/infovis\/?p=9947"},"modified":"2019-01-11T00:05:37","modified_gmt":"2019-01-11T05:05:37","slug":"marvel-characters-by-adam-kubert","status":"publish","type":"post","link":"https:\/\/studentwork.prattsi.org\/infovis\/labs\/marvel-characters-by-adam-kubert\/","title":{"rendered":"Marvel Characters by Artist Adam Kubert"},"content":{"rendered":"<h2>Introduction<\/h2>\n<p>Using data\u00a0pulled from the Marvel Database API, I focused on all the different Marvel characters featured in issues\u00a0by artist Adam Kubert.\u00a0My network visualization in Gephi provides insights into\u00a0the body of work over Adam&#8217;s career at Marvel.<\/p>\n<div id=\"attachment_9977\" style=\"width: 2080px\" class=\"wp-caption alignnone\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-9977\" class=\"size-full wp-image-9977\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/Screenshot-2018-07-18-07.38.24.png?resize=840%2C621\" alt=\"\" width=\"840\" height=\"621\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/Screenshot-2018-07-18-07.38.24.png?w=2080&amp;ssl=1 2080w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/Screenshot-2018-07-18-07.38.24.png?resize=300%2C222&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/Screenshot-2018-07-18-07.38.24.png?resize=768%2C568&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/Screenshot-2018-07-18-07.38.24.png?resize=1024%2C757&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/Screenshot-2018-07-18-07.38.24.png?w=1680 1680w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><p id=\"caption-attachment-9977\" class=\"wp-caption-text\">Marvel Developer Portal<\/p><\/div>\n<h2>Inspiration<\/h2>\n<p>Looking at the example of connections amongst jazz musicians from <a href=\"https:\/\/linkedjazz.org\/\">LinkedJazz.org<\/a>, I had initially wanted to use the Marvel Database to create a similar chart of comic creatives. Each book, much like a jazz album, uses a group of creatives from a greater pool. Several creatives will work together over time on different books.\u00a0 After pulling the data, I decided to go in a different direction for this lab, and focus on the network of characters\/properties instead.<\/p>\n<div id=\"attachment_9978\" style=\"width: 1708px\" class=\"wp-caption alignnone\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-9978\" class=\"wp-image-9978 size-full\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/Screenshot-2018-07-17-18.19.23.png?resize=840%2C799\" alt=\"\" width=\"840\" height=\"799\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/Screenshot-2018-07-17-18.19.23.png?w=1708&amp;ssl=1 1708w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/Screenshot-2018-07-17-18.19.23.png?resize=300%2C285&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/Screenshot-2018-07-17-18.19.23.png?resize=768%2C730&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/Screenshot-2018-07-17-18.19.23.png?resize=1024%2C974&amp;ssl=1 1024w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><p id=\"caption-attachment-9978\" class=\"wp-caption-text\">Network relationship between Miles Davis and John Coltrane.<\/p><\/div>\n<h2>Process<\/h2>\n<h3>Data Collection<\/h3>\n<p>The Marvel Database has an API where a developer can make calls containing certain parameters and get a JSON object in return. \u00a0Using Adam Kubert\u2019s Creator ID, I was able to bring up information on all the comic book issues he had worked on. \u00a0This information included the creative team, the number of pages and main characters to name a few. \u00a0I decided to focus on a social network of the characters he had worked on over the years. \u00a0He is most noted for his work on X-Men, especially Wolverine, and I felt it would be interesting to see a visualization of the character connections in Gephi.<\/p>\n<div id=\"attachment_9951\" style=\"width: 840px\" class=\"wp-caption alignnone\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-9951\" class=\"wp-image-9951 size-large\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/Screenshot-2018-07-17-12.30.59.png?resize=840%2C179\" alt=\"\" width=\"840\" height=\"179\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/Screenshot-2018-07-17-12.30.59.png?resize=1024%2C218&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/Screenshot-2018-07-17-12.30.59.png?resize=300%2C64&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/Screenshot-2018-07-17-12.30.59.png?resize=768%2C164&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/Screenshot-2018-07-17-12.30.59.png?w=1680 1680w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/Screenshot-2018-07-17-12.30.59.png?w=2520 2520w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><p id=\"caption-attachment-9951\" class=\"wp-caption-text\">Dataset in OpenRefine<\/p><\/div>\n<p>After placing the JSON object into Sublime, I then copied just the array that contained the issues and pasted it into OpenRefine. In this program, I reduced the rows to just the characters and issue number. I then deleted any one-to-one relationships in an effort to prepare it for R-Studio.<\/p>\n<div id=\"attachment_9953\" style=\"width: 300px\" class=\"wp-caption alignnone\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-9953\" class=\"size-medium wp-image-9953\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/Screenshot-2018-07-17-13.53.48.png?resize=300%2C189\" alt=\"\" width=\"300\" height=\"189\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/Screenshot-2018-07-17-13.53.48.png?resize=300%2C189&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/Screenshot-2018-07-17-13.53.48.png?resize=768%2C484&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/Screenshot-2018-07-17-13.53.48.png?resize=1024%2C646&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/Screenshot-2018-07-17-13.53.48.png?w=1537&amp;ssl=1 1537w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><p id=\"caption-attachment-9953\" class=\"wp-caption-text\">Console in R-Studio<\/p><\/div>\n<p>In R, I followed the directions for creating a weighted table with source and targets. This was the table that I would then bring into Gephi.<\/p>\n<h3>Data Visualization<\/h3>\n<p>Importing the spreadsheet into Gephi I was able to create a visualization of the data. I ran statistics on average degrees, modularity and average path length.\u00a0 Using those values I was able to adjust the node size based on degrees and with modularity, able to show different groups through color. I worked through different layouts filtering the number the number of degrees.<\/p>\n<div id=\"attachment_9974\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-9974\" class=\"wp-image-9974 size-full\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/marvelGephi_forceAtlas2_noLabels.png?resize=840%2C840\" alt=\"\" width=\"840\" height=\"840\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/marvelGephi_forceAtlas2_noLabels.png?w=1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/marvelGephi_forceAtlas2_noLabels.png?resize=150%2C150&amp;ssl=1 150w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/marvelGephi_forceAtlas2_noLabels.png?resize=300%2C300&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/marvelGephi_forceAtlas2_noLabels.png?resize=768%2C768&amp;ssl=1 768w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><p id=\"caption-attachment-9974\" class=\"wp-caption-text\">Force Atlas 2 Layout of Character Network<\/p><\/div>\n<div id=\"attachment_9972\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-9972\" class=\"wp-image-9972 size-full\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/marvelGephi_noLabels.png?resize=840%2C840\" alt=\"\" width=\"840\" height=\"840\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/marvelGephi_noLabels.png?w=1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/marvelGephi_noLabels.png?resize=150%2C150&amp;ssl=1 150w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/marvelGephi_noLabels.png?resize=300%2C300&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/marvelGephi_noLabels.png?resize=768%2C768&amp;ssl=1 768w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><p id=\"caption-attachment-9972\" class=\"wp-caption-text\">Fruchterman Reingold Layout of Character Network<\/p><\/div>\n<div id=\"attachment_9975\" style=\"width: 595px\" class=\"wp-caption alignnone\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-9975\" class=\"size-full wp-image-9975\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/marvelGephi_Labels.jpg?resize=595%2C580\" alt=\"\" width=\"595\" height=\"580\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/marvelGephi_Labels.jpg?w=595&amp;ssl=1 595w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/marvelGephi_Labels.jpg?resize=300%2C292&amp;ssl=1 300w\" sizes=\"auto, (max-width: 595px) 100vw, 595px\" \/><p id=\"caption-attachment-9975\" class=\"wp-caption-text\">Adam Kubert&#8217;s Character Network<\/p><\/div>\n<h2>Tools<\/h2>\n<p>OpenRefine.org &#8211; Editing datasets<br \/>\nSublime &#8211; Code\/Text Editor<br \/>\nR-Studio &#8211; Performing Permutation of Data<br \/>\nGephi &#8211; Creates Relational\/Social Charts<\/p>\n<h2>Sources<\/h2>\n<p><a href=\"https:\/\/developer.marvel.com\/\">Marvel Developer Portal<\/a><\/p>\n<h2>Result<\/h2>\n<p>The resulting visualization showed not only which characters Adam Kubert worked with the most, but the different teams along with alternate universe storylines. The center of the visualization focuses on the X-Men (green) and then branches out from there into the Age of Apocolypse (teal)\u00a0 and Wolverine (orange) storylines.\u00a0 New Mutants (pink), Avengers\u00a0 (purple) and the Fantastic Four (blue-green) are colored differently.\u00a0 The Ultimate storyline exists as it&#8217;s own subset to the side in brown.<\/p>\n<div id=\"attachment_9980\" style=\"width: 1844px\" class=\"wp-caption alignnone\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-9980\" class=\"wp-image-9980 size-full\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/Screenshot-2018-07-18-14.27.03.png?resize=840%2C658\" alt=\"\" width=\"840\" height=\"658\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/Screenshot-2018-07-18-14.27.03.png?w=1844&amp;ssl=1 1844w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/Screenshot-2018-07-18-14.27.03.png?resize=300%2C235&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/Screenshot-2018-07-18-14.27.03.png?resize=768%2C601&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/Screenshot-2018-07-18-14.27.03.png?resize=1024%2C802&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/Screenshot-2018-07-18-14.27.03.png?w=1680 1680w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><p id=\"caption-attachment-9980\" class=\"wp-caption-text\">Network visualization of characters featured in Marvel comics by artist Adam Kubert.<\/p><\/div>\n<p>View interactive visualization <a href=\"http:\/\/mysite.pratt.edu\/~tkubert\/network\/\">here<\/a>.<\/p>\n<h2>Future Considerations<\/h2>\n<p>The chart gives a clear idea of which characters Adam Kubert works on more than others.\u00a0 I would still like to purse create a visual for an ego-centric network of creatives that work on Marvel properties with Adam Kubert.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction Using data\u00a0pulled from the Marvel Database API, I focused on all the different Marvel characters featured in issues\u00a0by artist Adam Kubert.\u00a0My network visualization in Gephi provides insights into\u00a0the body of work over Adam&#8217;s career at Marvel. Inspiration Looking at the example of connections amongst jazz musicians from LinkedJazz.org, I had initially wanted to use&hellip;<\/p>\n","protected":false},"author":533,"featured_media":9972,"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":[39,207],"coauthors":[348],"class_list":["post-9947","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-labs","category-networks","tag-gephi","tag-marvel"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/marvelGephi_noLabels.png?fit=1024%2C1024&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paBdcV-2Ar","_links":{"self":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/9947","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\/533"}],"replies":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/comments?post=9947"}],"version-history":[{"count":10,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/9947\/revisions"}],"predecessor-version":[{"id":9984,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/9947\/revisions\/9984"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media\/9972"}],"wp:attachment":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media?parent=9947"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/categories?post=9947"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/tags?post=9947"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/coauthors?post=9947"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}