{"id":1923,"date":"2018-03-05T15:11:37","date_gmt":"2018-03-05T23:11:37","guid":{"rendered":"https:\/\/onlineacademiccommunity.uvic.ca\/dsc\/?p=1923"},"modified":"2020-07-16T15:37:46","modified_gmt":"2020-07-16T22:37:46","slug":"visualizing-mr-darcy-with-juxtapose-js","status":"publish","type":"post","link":"https:\/\/onlineacademiccommunity.uvic.ca\/dsc\/2018\/03\/05\/visualizing-mr-darcy-with-juxtapose-js\/","title":{"rendered":"Visualizing Mr. Darcy with Juxtapose JS"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;3.22&#8243;][et_pb_row _builder_version=&#8221;3.25&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;3.27.4&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;]About a year ago, <a href=\"http:\/\/www.qmul.ac.uk\/media\/news\/2017\/hss\/researchers-piece-together-a-portrait-of-the-real-mr-darcy.html\">A new portrait<\/a> was unveiled of Mr. Darcy, one of the main characters in my favourite novel, Jane Austen\u2019s <em>Pride and Prejudice<\/em>. The portrait depicts Mr. Darcy in a blue coat with beige breeches, and&#8211;most shockingly for modern Austenites&#8211;long, straight, powdered hair.<\/p>\n<figure id=\"attachment_1910\" aria-describedby=\"caption-attachment-1910\" style=\"width: 300px\" class=\"wp-caption alignright\"><a href=\"https:\/\/onlineacademiccommunity.uvic.ca\/dsc\/wp-content\/uploads\/sites\/2373\/2018\/02\/Darcy-Full-length-1790.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1910\" src=\"https:\/\/onlineacademiccommunity.uvic.ca\/dsc\/wp-content\/uploads\/sites\/2373\/2018\/02\/Darcy-Full-length-1790.png\" alt=\"\" width=\"300\" height=\"634\" \/><\/a><figcaption id=\"caption-attachment-1910\" class=\"wp-caption-text\">Portrait of Mr. Darcy from Jane Austen&#8217;s <i>Pride and Prejudice<\/i>, from a study by Amanda Vickery and John Sutherland. <a href=\"http:\/\/www.independent.co.uk\/arts-entertainment\/books\/news\/pride-and-prejudice-mr-darcy-real-looked-like-jane-austen-colin-firth-a7571416.html\">Image source<\/a><\/figcaption><\/figure>\n<p>This distinctively eighteenth-century Mr. Darcy looks very different from the vision we are familiar with through illustrations and dramatic adaptations of a much broodier Darcy with short dark hair and dark clothing, epitomized by Colin Firth\u2019s portrayal in the 1995 BBC miniseries adaptation of the novel. When I started learning to use a visual comparison tool called <a href=\"https:\/\/juxtapose.knightlab.com\/\">Juxtapose JS<\/a>, I realized this was an excellent application of the tool to compare different visualizations of the character side by side.<\/p>\n<figure id=\"attachment_1911\" aria-describedby=\"caption-attachment-1911\" style=\"width: 376px\" class=\"wp-caption alignleft\"><a href=\"https:\/\/onlineacademiccommunity.uvic.ca\/dsc\/wp-content\/uploads\/sites\/2373\/2018\/02\/08D3C848000005DC-3802068-image-a-57_1474547645840.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-1911\" src=\"https:\/\/onlineacademiccommunity.uvic.ca\/dsc\/wp-content\/uploads\/sites\/2373\/2018\/02\/08D3C848000005DC-3802068-image-a-57_1474547645840-620x620.jpg\" alt=\"\" width=\"376\" height=\"376\" srcset=\"https:\/\/onlineacademiccommunity.uvic.ca\/dsc\/wp-content\/uploads\/sites\/2373\/2018\/02\/08D3C848000005DC-3802068-image-a-57_1474547645840-620x620.jpg 620w, https:\/\/onlineacademiccommunity.uvic.ca\/dsc\/wp-content\/uploads\/sites\/2373\/2018\/02\/08D3C848000005DC-3802068-image-a-57_1474547645840-150x150.jpg 150w, https:\/\/onlineacademiccommunity.uvic.ca\/dsc\/wp-content\/uploads\/sites\/2373\/2018\/02\/08D3C848000005DC-3802068-image-a-57_1474547645840.jpg 634w\" sizes=\"auto, (max-width: 376px) 100vw, 376px\" \/><\/a><figcaption id=\"caption-attachment-1911\" class=\"wp-caption-text\">Colin Firth and Elizabeth Ehle as Mr. Darcy and Elizabeth Bennet in the 1995 BBC adaptation of <i>Pride and Prejudice<\/i>. <a href=\"http:\/\/i.dailymail.co.uk\/i\/pix\/2016\/09\/22\/13\/08D3C848000005DC-3802068-image-a-57_1474547645840.jpg\">Image source<\/a><\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">The new portrait of Darcy was illustrated by Nick Hardcastle and developed by Amanda Vickery, a professor of early modern history at Queen Mary University, and John Sutherland, a professor emeritus of Modern English literature at University College London. Their argument is based on the time of the novel\u2019s writing. As Vickery explains,<\/span><\/p>\n<blockquote><p><span style=\"font-weight: 400\">\u201cAs Austen wrote <\/span><i><span style=\"font-weight: 400\">Pride and Prejudice<\/span><\/i><span style=\"font-weight: 400\"> in the 1790s, our Mr Darcy portrayal reflects the male physique and common features at the time. Men sported powdered hair, had narrow jaws and muscular, defined legs were considered very attractive. A stark contrast to the chiselled, dark, brooding Colin Firth portrayal we associate the character with today.\u201d (\u201cResearchers piece together&#8221;)<\/span><\/p><\/blockquote>\n<p>The manuscript that Vickers refers to was called <i>First Impressions<\/i>, and was begun between fall 1796 and summer 1797 (Mandal 44). Austen made substantial revisions to this manuscript between fall 1811 and fall 1813, transforming it into <i>Pride and Prejudice<\/i> (Mandal 50). So, Although Vickery is correct that the life of the novel began in the 1790s, the final version of the novel is a product of the 1810s. Evidence within the novel suggests that it is set in 1811-1812, not in the 1790s (Mandal 51). Twenty years may not seem like a significant span of time, especially compared to the 200 years that separates the novel\u2019s historical moment from our own, but the years between 1790 and 1810 were years of revolution, marked by political, social, economic, and cultural upheavals, all of which manifested in a drastic change in men\u2019s fashion. The brightly-coloured clothes and powdered hair that was in style in Britain in the early 1790s seemed old-fashioned and dangerously French by the 1810s.<\/p>\n<p>Regency Britain is better known for men of fashion like Beau Brummel and Lord Byron, both of whom are much closer in looks to the Firthian Darcy than the Hardcastle portrait.<\/p>\n<figure style=\"width: 301px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/3\/3c\/Byron_1813_by_Phillips.jpg\" alt=\"A portrait of Lord Byron by Thomas Phillips, 1813.\" width=\"301\" height=\"388\" \/><figcaption class=\"wp-caption-text\">A portrait of Lord Byron by Thomas Phillips, 1813. <a href=\"https:\/\/commons.wikimedia.org\/wiki\/File:Byron_1813_by_Phillips.jpg\">Image Source<\/a><\/figcaption><\/figure>\n<p><span style=\"font-weight: 400\">Teri Campbell has written about how Austen may have imagined Jane and Elizabeth Bennet to look, and she notes that Austen looked for a suitable portrait of the characters at exhibitions of Joshua Reynolds\u2019 paintings that she attended in 1813, lending more support to the idea that the novel is set in the 1810s (Campbell 210).\u00a0<\/span><span style=\"font-weight: 400\">We can also use Juxtapose to see how well the two versions of Mr. Darcy align with the fashions of the two decades.<\/span><\/p>\n<p><span style=\"font-weight: 400\">The first Juxtapose I created shows the full-length Hardcastle portrait of Mr. Darcy alongside a portrait of Sir Robert Brooke by Thomas Gainsborough, painted around 1781. Gainsborough was a very popular portrait artist of the late eighteenth-century, and this painting of Brooke is strikingly similar to Hardcastle\u2019s vision of Darcy. The purpose of this image is to show how similar the Hardcastle portrait is to this image of a fashionable gentleman of the late eighteenth century.<\/span><\/p>\n<figure id=\"attachment_1942\" aria-describedby=\"caption-attachment-1942\" style=\"width: 294px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/onlineacademiccommunity.uvic.ca\/dsc\/wp-content\/uploads\/sites\/2373\/2018\/03\/giphy-1.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1942 size-full\" src=\"https:\/\/onlineacademiccommunity.uvic.ca\/dsc\/wp-content\/uploads\/sites\/2373\/2018\/03\/giphy-1.gif\" alt=\"A Juxtapose comparing the portrait of Mr. Darcy by Nick Hardcastle with a portrait of Sir Robert Brooke by Thomas Gainborough (c. 1781). This is a .gif created from the original Juxtapose.\" width=\"294\" height=\"480\" \/><\/a><figcaption id=\"caption-attachment-1942\" class=\"wp-caption-text\">A Juxtapose comparing the portrait of Mr. Darcy by Nick Hardcastle with a portrait of Sir Robert Brooke by Thomas Gainborough (c. 1781). This is a .gif created from the <a href=\"https:\/\/cdn.knightlab.com\/libs\/juxtapose\/latest\/embed\/index.html?uid=ce204154-1a6d-11e8-b263-0edaf8f81e27\">original Juxtapose<\/a>.<\/figcaption><\/figure>\n<p><span style=\"font-weight: 400\">The second Juxtapose I created shows an image of Colin Firth as Mr. Darcy alongside a portrait of Lord Granville Leveson-Gower, by Thomas Lawrence. Lawrence was a very popular portraitist of the Regency period. The purpose of this Juxtapose is to show how similar the Firthian Darcy is to to this image of a fashionable English gentleman in the early nineteenth century.<\/span><\/p>\n<figure id=\"attachment_1941\" aria-describedby=\"caption-attachment-1941\" style=\"width: 480px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/onlineacademiccommunity.uvic.ca\/dsc\/wp-content\/uploads\/sites\/2373\/2018\/02\/giphy.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1941 size-full\" src=\"https:\/\/onlineacademiccommunity.uvic.ca\/dsc\/wp-content\/uploads\/sites\/2373\/2018\/02\/giphy.gif\" alt=\"A Juxtapose comparing a portrait of Lord Granville Leveson-Gower by Thomas Lawrence (c. 1804\u20131809) with an image of Mr. Darcy as portrayed by Colin Firth, 1995. \" width=\"480\" height=\"384\" \/><\/a><figcaption id=\"caption-attachment-1941\" class=\"wp-caption-text\">A Juxtapose comparing a portrait of Lord Granville Leveson-Gower by Thomas Lawrence (c. 1804\u20131809) with an image of Mr. Darcy as portrayed by Colin Firth, 1995. This is a .gif animation of the <a href=\"https:\/\/cdn.knightlab.com\/libs\/juxtapose\/latest\/embed\/index.html?uid=df30e96c-1fdb-11e8-b263-0edaf8f81e27\">original Juxtapose<\/a>.<\/figcaption><\/figure>\n<p><span style=\"font-weight: 400\">Finding appropriate images with enough visual similarities to make the Juxtapose meaningful is challenging, and editing the images so that they align properly can be frustrating. In both, the images are not perfectly aligned, for instance, in spite of my spending rather too much time tinkering with the them. Another potential issue is that Juxtapose images can be shared by URL, but doing so enlarges the images in a way that cannot be controlled. My images look fuzzy as a result. It is possible to embed the Juxtapose images using iframes, which eliminates this problem. (Since this blog platform doesn&#8217;t allow WordPress&#8217;s iframe plugin, I&#8217;ve created gifs of the original Juxtapose comparisons in action to include in this post.)<\/span><\/p>\n<p><span style=\"font-weight: 400\">This example demonstrates, though, one possible application of Juxtapose for digital scholarship. In my experience studying book illustrations and in the research I did for this project, I have learned that visuality is one area of literary studies particularly well suited for digital scholarship. Juxtapose, for example, makes it possible to show comparisons of images rather than describing them.<\/span><\/p>\n<p style=\"text-align: center\">Works Cited<\/p>\n<p><span style=\"font-weight: 400\">Campbell, Teri. \u201cNot Handsome Enough\u201d: Faces, Pictures, and Language in <\/span><i><span style=\"font-weight: 400\">Pride and Prejudice<\/span><\/i><span style=\"font-weight: 400\">.\u201d <\/span><i><span style=\"font-weight: 400\">Persuasions<\/span><\/i><span style=\"font-weight: 400\">, vol. 34, 2012. <\/span><i><span style=\"font-weight: 400\">Gale Literature Resource Center<\/span><\/i><span style=\"font-weight: 400\">, pp. 207-221. <\/span><\/p>\n<p><span style=\"font-weight: 400\">Mandal, Anthony. \u201cComposition and Publication.\u201d <em>The Cambridge Guide to<\/em> Pride and Prejudice, edited by Janet Todd, Cambridge University Press, 2013, pp. 42-55.<\/span><\/p>\n<p><span style=\"font-weight: 400\">\u201cResearchers piece together a portrait of the real Mr Darcy,\u201d Queen Mary University of London, 10\u00a0<\/span><span style=\"font-weight: 400\">February 2017.\u00a0<\/span><a href=\"http:\/\/www.qmul.ac.uk\/media\/news\/items\/hss\/192276.html\"><span style=\"font-weight: 400\">http:\/\/www.qmul.ac.uk\/media\/news\/items\/hss\/192276.html<\/span><\/a><br \/>\n[\/et_pb_text][et_pb_post_nav prev_text=&#8221;%title&#8221; next_text=&#8221;%title&#8221; _builder_version=&#8221;4.4.7&#8243; global_module=&#8221;4392&#8243;][\/et_pb_post_nav][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;3.22&#8243;][et_pb_row _builder_version=&#8221;3.25&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;3.27.4&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;]About a year ago, A new portrait was [&hellip;]<\/p>\n","protected":false},"author":5204,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[19,5],"class_list":["post-1923","post","type-post","status-publish","format-standard","hentry","category-research","tag-data-visualization","tag-workshops"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/onlineacademiccommunity.uvic.ca\/dsc\/wp-json\/wp\/v2\/posts\/1923","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onlineacademiccommunity.uvic.ca\/dsc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/onlineacademiccommunity.uvic.ca\/dsc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/onlineacademiccommunity.uvic.ca\/dsc\/wp-json\/wp\/v2\/users\/5204"}],"replies":[{"embeddable":true,"href":"https:\/\/onlineacademiccommunity.uvic.ca\/dsc\/wp-json\/wp\/v2\/comments?post=1923"}],"version-history":[{"count":11,"href":"https:\/\/onlineacademiccommunity.uvic.ca\/dsc\/wp-json\/wp\/v2\/posts\/1923\/revisions"}],"predecessor-version":[{"id":4458,"href":"https:\/\/onlineacademiccommunity.uvic.ca\/dsc\/wp-json\/wp\/v2\/posts\/1923\/revisions\/4458"}],"wp:attachment":[{"href":"https:\/\/onlineacademiccommunity.uvic.ca\/dsc\/wp-json\/wp\/v2\/media?parent=1923"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/onlineacademiccommunity.uvic.ca\/dsc\/wp-json\/wp\/v2\/categories?post=1923"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/onlineacademiccommunity.uvic.ca\/dsc\/wp-json\/wp\/v2\/tags?post=1923"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}