{"id":11419,"date":"2018-11-07T14:04:07","date_gmt":"2018-11-07T19:04:07","guid":{"rendered":"http:\/\/studentwork.prattsi.org\/infovis\/?p=11419"},"modified":"2019-01-10T23:53:59","modified_gmt":"2019-01-11T04:53:59","slug":"network-of-characters-of-les-miserables","status":"publish","type":"post","link":"https:\/\/studentwork.prattsi.org\/infovis\/labs\/network-of-characters-of-les-miserables\/","title":{"rendered":"Les Mis\u00e9rables: Network of Characters"},"content":{"rendered":"<h3><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11436\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Les_Mise%CC%81rables.jpg?resize=840%2C560\" alt=\"\" width=\"840\" height=\"560\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Les_Mise%CC%81rables.jpg?w=1155&amp;ssl=1 1155w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Les_Mise%CC%81rables.jpg?resize=300%2C200&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Les_Mise%CC%81rables.jpg?resize=768%2C512&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Les_Mise%CC%81rables.jpg?resize=1024%2C683&amp;ssl=1 1024w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/h3>\n<p>&nbsp;<\/p>\n<h3>Introduction<\/h3>\n<p><span style=\"font-weight: 400\">Reading a book, watching a musical or movie is our way of soaking in a story and immersing ourselves into the world of literature. Often times, the characters in the books are intricately woven together where some relationships are forgotten by the viewer. <\/span><\/p>\n<p><span style=\"font-weight: 400\">Building a graph to show connection, the level of co-appearance, and frequency of appearance can help the viewer digest the storyline and unpack the sophisticated storyline and relationship. <\/span><\/p>\n<p><span style=\"font-weight: 400\">By graphing the relationships of the characters, I wanted to dive in to the story of Les Miserables and create a guide to grasp the level of connection between the characters. <\/span><\/p>\n<h3>Inspiration<\/h3>\n<p><span style=\"font-weight: 400\">I was inspired to explore datasets of relationships of people with the election currently in full force. I was curious to see how the 3D network visualization software can help analyze and dive deeper into connections of people. <\/span><\/p>\n<p><span style=\"font-weight: 400\">One graph I was inspired by was of the <\/span><span style=\"font-weight: 400\">Voting Relationships between Senators in the 113th Congress, 2014.\u00a0<\/span><span style=\"font-weight: 400\">The visualization shows the connection of senators and how often they vote together. The data was pulled from <\/span><a href=\"http:\/\/www.govtrack.us\/data\/congress\/113\/votes\/2013\"><span style=\"font-weight: 400\">govtrack.us<\/span><\/a><span style=\"font-weight: 400\"> and the person that graphed the data was able to analyze that \u201can edge between 2 senators indicates that they have voted together on at least 109 occasions; I filtered out edges with lesser weight for the sake of clarity.\u201d<\/span><\/p>\n<div id=\"attachment_11420\" style=\"width: 700px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/i0.wp.com\/external-preview.redd.it\/ONFgk44e50ENOxEYIrZk4vDbdjTWt5lr5m-_Dxw0yaI.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11420\" class=\"wp-image-11420\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/ONFgk44e50ENOxEYIrZk4vDbdjTWt5lr5m-_Dxw0yaI.jpg?resize=700%2C491\" alt=\"\" width=\"700\" height=\"491\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/ONFgk44e50ENOxEYIrZk4vDbdjTWt5lr5m-_Dxw0yaI.jpg?w=1507&amp;ssl=1 1507w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/ONFgk44e50ENOxEYIrZk4vDbdjTWt5lr5m-_Dxw0yaI.jpg?resize=300%2C210&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/ONFgk44e50ENOxEYIrZk4vDbdjTWt5lr5m-_Dxw0yaI.jpg?resize=768%2C539&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/ONFgk44e50ENOxEYIrZk4vDbdjTWt5lr5m-_Dxw0yaI.jpg?resize=1024%2C718&amp;ssl=1 1024w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><p id=\"caption-attachment-11420\" class=\"wp-caption-text\">Voting Relationships between Senators in the 113th Congress, 2014<\/p><\/div>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">Another visualization that inspired me to explore the connection of people is the visualization of the readers of <\/span><a href=\"http:\/\/thepoliticsofsystems.net\/2012\/10\/the-new-york-times-vs-the-wall-street-journal-on-facebook\/\"><span style=\"font-weight: 400\">New York Times vs. The Wall Street Journal on Facebook<\/span><\/a><span style=\"font-weight: 400\">. This visualization made it clear to process the \u201c<\/span><span style=\"font-weight: 400\">NY Times (red) has a bit more users (grey) than the WSJ (blue). There is a bit of overlap in terms of (active) audience, but in general, there seem to be quite distinct populations of the short span the data covers. Interestingly, one post \u2013 talking about the space shuttle Endeavor \u2013 is a true outlier: it has succeeded in capturing a less \u201cspecific\u201d audience.\u201d This visualization not only take account of the number of people interacting with the articles but <\/span><span style=\"font-weight: 400\">also visualizes the the overlap of audiences based on the type of article posted by each news outlet.<\/span><\/p>\n<div id=\"attachment_11421\" style=\"width: 700px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/i0.wp.com\/thepoliticsofsystems.net\/wp-content\/uploads\/2012\/10\/nytimes_wsj_facebook.jpg\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11421\" class=\"wp-image-11421\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/nytimes_wsj_facebook-1.jpg?resize=700%2C398\" alt=\"\" width=\"700\" height=\"398\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/nytimes_wsj_facebook-1.jpg?w=3306&amp;ssl=1 3306w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/nytimes_wsj_facebook-1.jpg?resize=300%2C171&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/nytimes_wsj_facebook-1.jpg?resize=768%2C437&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/nytimes_wsj_facebook-1.jpg?resize=1024%2C583&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/nytimes_wsj_facebook-1.jpg?w=1680 1680w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/nytimes_wsj_facebook-1.jpg?w=2520 2520w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><p id=\"caption-attachment-11421\" class=\"wp-caption-text\">New York Times vs. The Wall Street Journal on Facebook<\/p><\/div>\n<h3>Materials<\/h3>\n<p><a href=\"https:\/\/github.com\/gephi\/gephi\/wiki\/Datasets\"><span style=\"font-weight: 400\">Github Dataset<\/span><\/a><span style=\"font-weight: 400\">: Github of sample data sets<br \/>\n<\/span><a href=\"https:\/\/gephi.org\/datasets\/lesmiserables.gml.zip\"><span style=\"font-weight: 400\">Les Miserables<\/span><\/a><span style=\"font-weight: 400\">: co-appearance weighted network of characters in the novel Les Miserables. D. E. Knuth, The Stanford GraphBase: A Platform for Combinatorial Computing, Addison-Wesley, Reading, MA (1993).<br \/>\n<\/span><a href=\"https:\/\/gephi.org\/\"><span style=\"font-weight: 400\">Gephi<\/span><\/a><span style=\"font-weight: 400\">: open-source network visualization software<\/span><\/p>\n<h3>Methods<\/h3>\n<p><span style=\"font-weight: 400\">In order to select a data set to visualize, I explored 3 different sites (<\/span><a href=\"http:\/\/www.casos.cs.cmu.edu\/tools\/data.php\"><span style=\"font-weight: 400\">CASOS Network Science Data<\/span><\/a><span style=\"font-weight: 400\">, <\/span><a href=\"https:\/\/github.com\/gephi\/gephi\/wiki\/Datasets\"><span style=\"font-weight: 400\">GitHub Gephi Data Set<\/span><\/a><span style=\"font-weight: 400\">, <\/span><a href=\"https:\/\/snap.stanford.edu\/data\/\"><span style=\"font-weight: 400\">Stanford Large Network Dataset Collection<\/span><\/a><span style=\"font-weight: 400\">). As a big musical fan and having seen Les Miserables twice in broadway, I was interested in seeing the <\/span><span style=\"font-weight: 400\">co-appearance weighted network of characters. \u00a0<\/span><span style=\"font-weight: 400\">\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">I downloaded the .gml dataset file of Les Miserables characters and imported it into Gephi. Once imported, the graph type was set to \u201cundirected\u201d because the graph was not to show the direction of connection. The graph is to show relationship and relationship being two ways, the direction was not a helpful information. <\/span><\/p>\n<div id=\"attachment_11422\" style=\"width: 700px\" class=\"wp-caption aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11422\" class=\"wp-image-11422\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Screen-Shot-2018-11-07-at-12.14.26-PM.png?resize=700%2C493\" alt=\"\" width=\"700\" height=\"493\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Screen-Shot-2018-11-07-at-12.14.26-PM.png?resize=1024%2C722&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Screen-Shot-2018-11-07-at-12.14.26-PM.png?resize=300%2C211&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Screen-Shot-2018-11-07-at-12.14.26-PM.png?resize=768%2C541&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Screen-Shot-2018-11-07-at-12.14.26-PM.png?w=1280&amp;ssl=1 1280w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><p id=\"caption-attachment-11422\" class=\"wp-caption-text\">Gephi importing dataset pop-up<\/p><\/div>\n<p><span style=\"font-weight: 400\">After importing in the data, I went in to change the edge ranking rate color to better define the connection and the level of difference in the connection between the character. Then I went in to change the node degree color to clearly indicate the frequency of the characters\u2019 appearance in the story.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Finally, I went to the bottom toolbar to show node labels and adjusted the size of text to clearly label the nodes, labeling the circles to characters.<\/span><\/p>\n<h3>Results and Interpretation<\/h3>\n<p><b><span style=\"font-weight: 400\">Not only was i able to see the co-appearance connection between the characters, the color and the thickness of the line indicated the weight of how many times they co-appeared. Color was added to emphasize the difference in weight of the characters\u2019 co-appearance.<\/span><\/b><\/p>\n<div id=\"attachment_11427\" style=\"width: 932px\" class=\"wp-caption aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11427\" class=\"size-full wp-image-11427\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Screenshot-12.png?resize=840%2C718\" alt=\"\" width=\"840\" height=\"718\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Screenshot-12.png?w=932&amp;ssl=1 932w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Screenshot-12.png?resize=300%2C257&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Screenshot-12.png?resize=768%2C657&amp;ssl=1 768w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><p id=\"caption-attachment-11427\" class=\"wp-caption-text\">Connection between Les Miserables characters<\/p><\/div>\n<hr \/>\n<div id=\"attachment_11425\" style=\"width: 958px\" class=\"wp-caption aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11425\" class=\"size-full wp-image-11425\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Screenshot-8.png?resize=840%2C700\" alt=\"\" width=\"840\" height=\"700\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Screenshot-8.png?w=958&amp;ssl=1 958w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Screenshot-8.png?resize=300%2C250&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Screenshot-8.png?resize=768%2C640&amp;ssl=1 768w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><p id=\"caption-attachment-11425\" class=\"wp-caption-text\">Connection between Fantine and other Les Miserables characters<\/p><\/div>\n<hr \/>\n<div id=\"attachment_11426\" style=\"width: 965px\" class=\"wp-caption aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11426\" class=\"size-full wp-image-11426\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Screenshot-9.png?resize=840%2C691\" alt=\"\" width=\"840\" height=\"691\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Screenshot-9.png?w=965&amp;ssl=1 965w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Screenshot-9.png?resize=300%2C247&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Screenshot-9.png?resize=768%2C632&amp;ssl=1 768w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><p id=\"caption-attachment-11426\" class=\"wp-caption-text\">Connection between Valjean and other Les Miserables characters<\/p><\/div>\n<h3><\/h3>\n<h3><\/h3>\n<h3>Reflection<\/h3>\n<p><b><span style=\"font-weight: 400\">My visualization of the Le Miserables character connection and co-appearance is an entrance to going deeper into analyzing other datasets. It helps to understand the intricacy of the relationships overall but also the interactive feature of the visualization helps to process the connection by individual characters. <\/span><\/b><\/p>\n<p><span style=\"font-weight: 400\">With the election coming to an end, and many future elections to come, I am inspired and curious to see the people connection of who votes for which party, policy, people and be able to visualize this information. <\/span><\/p>\n<p><span style=\"font-weight: 400\">Gephi is a strong tool to quickly many numbers and datasets into digestible visual and translate complicated information into easy to comprehend visual.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; Introduction Reading a book, watching a musical or movie is our way of soaking in a story and immersing ourselves into the world of literature. Often times, the characters in the books are intricately woven together where some relationships are forgotten by the viewer. Building a graph to show connection, the level of co-appearance,&hellip;<\/p>\n","protected":false},"author":546,"featured_media":11436,"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":[206,287,115,133,39,97,5,154,286,105,89,106,48,94],"coauthors":[345],"class_list":["post-11419","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-labs","category-networks","tag-gephi-network-visualization","tag-connection","tag-data-visualization","tag-data-viz","tag-gephi","tag-info-viz","tag-information-visualization","tag-lab-report","tag-les-miserables","tag-network","tag-network-graphs","tag-network-visualization","tag-networks","tag-visualization"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/11\/Les_Mise%CC%81rables.jpg?fit=1155%2C770&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paBdcV-2Yb","_links":{"self":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/11419","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\/546"}],"replies":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/comments?post=11419"}],"version-history":[{"count":10,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/11419\/revisions"}],"predecessor-version":[{"id":11446,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/11419\/revisions\/11446"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media\/11436"}],"wp:attachment":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media?parent=11419"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/categories?post=11419"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/tags?post=11419"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/coauthors?post=11419"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}