{"id":2972,"date":"2013-11-18T22:23:57","date_gmt":"2013-11-18T22:23:57","guid":{"rendered":"http:\/\/blog.soton.ac.uk\/digitalhumanities\/?p=2972"},"modified":"2022-07-27T09:57:26","modified_gmt":"2022-07-27T09:57:26","slug":"sotondh-small-grants-visualising-intertextual-dimensions-of-the-gothic-itinerary-in-george-sands-consuelo-and-la-comtesse-de-rudolstadt-post-3","status":"publish","type":"post","link":"https:\/\/digitalhumanities.soton.ac.uk\/small-grants\/2972","title":{"rendered":"sotonDH Small Grants: Visualising intertextual dimensions of the Gothic itinerary in George Sand\u2019s Consuelo and La Comtesse de Rudolstadt \u2013 Post 3"},"content":{"rendered":"

sotonDH Small Grants: Visualising intertextual dimensions of the Gothic itinerary in George Sand\u2019s\u00a0Consuelo\u00a0<\/i>(1842) and\u00a0La Comtesse de Rudolstadt\u00a0<\/i>(1843) \u2013 Post 3 by\u00a0Marilyn Mallia and Neville Grech<\/h4>\n

The final product<\/h4>\n
\"The<\/a>
The homepage<\/figcaption><\/figure>\n

The home page<\/h4>\n

In order to enable the general user to follow and understand our main section of Consuelo\u2019s gothic itinerary, we provided further contextualisation through the addition of other sections leading up to our original contribution. Besides the originally planned spiral, we therefore included a section on French author George Sand, one on the gothic itinerary and a final section \u2018About\u2019 to explain the rationale of this visualisation tool. These sections appear in their abridged form and can be extended at will.<\/p>\n

\"Additional<\/a>
Additional extendable sections.<\/figcaption><\/figure>\n

The section on the gothic itinerary also exploits visualisation opportunities through a linear timeline of the heroine\u2019s steps of progression in Radcliffe\u2019s The Mysteries of Udolpho <\/i>(1794).<\/i>The doubling of steps is indicated at first glance through the use of the framing picture of a utopian setting and the arrow indicating a return to the place of origin.<\/p>\n

The Spiral<\/h4>\n

In the course of building this tool, we became aware of the shortcomings of a vertical spiral as visual model.\u00a0 Though more consonant with gothic ideas of descent into the abyss and resembling the well into which Consuelo descends during the key gothic sequence, a downward spiralling suggests regression rather than progression. Also the viewer would have to scroll down to see the different steps, thus losing sight of the itinerary in its entirety. The solution was therefore to change it into a horizontal spiral, moving from left to right in accordance to normal patterns of readership.<\/p>\n

\"Consuelo's<\/a>
Consuelo’s gothic itinerary.<\/figcaption><\/figure>\n

We also decided to indicate the two active links through colour, by changing the non-functioning links into grey. The final dots of the itinerary indicate the on-going nature of the itinerary, since the heroine keeps on developing.<\/p>\n

The Steps of the itinerary \u2013 escape and descent<\/h4>\n

Upon clicking on the steps \u2018escape\u2019 or \u2018descent\u2019 in the location \u2018The Castle of Giants, Bohemia\u2019, you are taken to the screen below, which juxtaposes the English Gothic on the left with George Sand\u2019s rewriting of it in Consuelo<\/i> on the right. The user can consult contemporary illustrations of these novels, and while scrolling, reader prompts guide him\/her and indicate useful scholarly articles which are open access.<\/p>\n

\"Additional<\/a>
Additional information is displayed when clicking on ‘escape’ or ‘descent’.<\/figcaption><\/figure>\n

You can try out the tool online on www.gothicconsuelo.appspot.com<\/a><\/p>\n

Technical Considerations<\/h4>\n

From a technological point of view, this project is rather conservative. Standard web development techniques were utilised, and the user experience together with the requirements at hand drove the development. We can claim that client side rendering techniques using JavaScript and JQuery were exploited to their fullest. For example, the spiral component is generated each time as the page is rendered and is fully parametric, which means it can be reused to describe other “itineraries” of various lengths. For this, we used an HTML5 canvas, and therefore no client side plugins need to be installed. This, together with other HTML5 features we used, however, requires the user to have a modern browser installed.<\/p>\n

There is a lot of scope for further work. One way this project could be extended is to extend it with the content for all parts of the itinerary. Furthermore, an automated method with which links between texts are found could be possibly found using state of the art information retrieval techniques. For example, a user can select two texts of his own choice. which would be annotated with metadata. Information retrieval and natural language processing algorithms can then be used to automatically explore the links between these texts. Unfortunately, the technology is still far behind and one wouldn’t expect the same results as those by a human expert with domain expertise in the field.<\/p>\n","protected":false},"excerpt":{"rendered":"

sotonDH Small Grants: Visualising intertextual dimensions of the Gothic itinerary in George Sand\u2019s\u00a0Consuelo\u00a0(1842) and\u00a0La Comtesse de Rudolstadt\u00a0(1843) \u2013 Post 3 by\u00a0Marilyn Mallia and Neville Grech The final product The home page In order to enable the general user to follow and understand our main section of Consuelo\u2019s gothic itinerary, we provided further contextualisation through the addition of other sections leading …<\/p>\n","protected":false},"author":76864,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[198239],"tags":[641640],"_links":{"self":[{"href":"https:\/\/digitalhumanities.soton.ac.uk\/wp-json\/wp\/v2\/posts\/2972"}],"collection":[{"href":"https:\/\/digitalhumanities.soton.ac.uk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/digitalhumanities.soton.ac.uk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/digitalhumanities.soton.ac.uk\/wp-json\/wp\/v2\/users\/76864"}],"replies":[{"embeddable":true,"href":"https:\/\/digitalhumanities.soton.ac.uk\/wp-json\/wp\/v2\/comments?post=2972"}],"version-history":[{"count":5,"href":"https:\/\/digitalhumanities.soton.ac.uk\/wp-json\/wp\/v2\/posts\/2972\/revisions"}],"predecessor-version":[{"id":3233,"href":"https:\/\/digitalhumanities.soton.ac.uk\/wp-json\/wp\/v2\/posts\/2972\/revisions\/3233"}],"wp:attachment":[{"href":"https:\/\/digitalhumanities.soton.ac.uk\/wp-json\/wp\/v2\/media?parent=2972"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/digitalhumanities.soton.ac.uk\/wp-json\/wp\/v2\/categories?post=2972"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/digitalhumanities.soton.ac.uk\/wp-json\/wp\/v2\/tags?post=2972"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}