{"id":7396,"date":"2017-09-14T15:26:35","date_gmt":"2017-09-14T19:26:35","guid":{"rendered":"http:\/\/research.prattsils.org\/?p=7396"},"modified":"2017-09-14T15:26:35","modified_gmt":"2017-09-14T19:26:35","slug":"mapping-tolkiens-middle-earth-timeline","status":"publish","type":"post","link":"https:\/\/studentwork.prattsi.org\/infovis\/visualization\/mapping-tolkiens-middle-earth-timeline\/","title":{"rendered":"Mapping Tolkien&#8217;s Middle-earth: A Timeline"},"content":{"rendered":"<h3><strong>Introduction<\/strong><\/h3>\n<p><span style=\"font-weight: 400\">While looking through the timeline created by Michael Friendly and Daniel J. Denis, <\/span><a href=\"http:\/\/datavis.ca\/milestones\/\"><span style=\"font-weight: 400\">Milestones in the History of Thematic Cartography, Statistical Graphics, and Data Visualization<\/span><\/a><span style=\"font-weight: 400\">, I was drawn to the earliest maps and atlases. From there, I thought it would be interesting to create a <\/span><a href=\"https:\/\/cdn.knightlab.com\/libs\/timeline3\/latest\/embed\/index.html?source=1sr1OTjLHdfiH79uB3sMjjF78Jz2Y2DK9ArtIXObPSE0&amp;font=Default&amp;lang=en&amp;initial_zoom=2&amp;height=650\"><span style=\"font-weight: 400\">timeline<\/span><\/a><span style=\"font-weight: 400\"> of maps from Middle-earth*, the fictional world created by J.R.R Tolkien. \u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Maps played an integral role in Tolkien\u2019s creation of Middle-earth. \u00a0According to the <\/span><a href=\"http:\/\/www.tolkienestate.com\/en\/painting\/maps.html\"><span style=\"font-weight: 400\">Tolkien Estate<\/span><\/a><span style=\"font-weight: 400\"> he even wrote to his publisher about his process for creating his stories, such as The Hobbit and The Lord of the Rings, writing, \u201cIn such a story one&#8230;must make a map and make the narrative agree.\u201c \u00a0\u00a0As a fan, I wanted to showcase the maps, which helped bring Middle-earth to life.<\/span><\/p>\n<h3><strong>Materials<\/strong><\/h3>\n<p><span style=\"font-weight: 400\">For this project, I used <\/span><a href=\"https:\/\/timeline.knightlab.com\/\"><span style=\"font-weight: 400\">Knight Lab\u2019s Timeline JS<\/span><\/a><span style=\"font-weight: 400\">, an open- source tool that can be used created an interactive timeline. \u00a0\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">In order make the timeline, I followed the steps given on the Knight Lab\u2019s <\/span><a href=\"https:\/\/timeline.knightlab.com\/\"><span style=\"font-weight: 400\">website<\/span><\/a><span style=\"font-weight: 400\">. I copied the Google sheets template that provided the what data was needed for the creation of the timeline which included dates, the content (headlines and text), and media options. The spreadsheet also allowed for some customization through the use of HTML tags along with background choices.<\/span><\/p>\n<p><span style=\"font-weight: 400\">After filling in the spreadsheet, I then published the Google sheet to the web. Finally, I copied the URL and entered it into the Knight Lab generator which created a link and embedded code needed to share the timeline.<\/span><\/p>\n<p><span style=\"font-weight: 400\">For the data needed in order to create the timeline, I relied on better-known fan websites dedicated to Tolkien and his works. Predominantly used was <\/span><a href=\"http:\/\/tolkiengateway.net\/wiki\/Main_Page\"><span style=\"font-weight: 400\">Tolkien Gateway<\/span><\/a><span style=\"font-weight: 400\"> and <a href=\"http:\/\/middle-earth.xenite.org\/\">Middle-earth Xenite<\/a>. \u00a0<\/span><a href=\"https:\/\/en.wikipedia.org\/wiki\/Category:Middle-earth\"><span style=\"font-weight: 400\">Wikipedia<\/span><\/a><span style=\"font-weight: 400\"> pages dedicated the <\/span><span style=\"font-weight: 400\">timeline\u2019s subject<\/span><span style=\"font-weight: 400\"> was also used. Due to the passionate nature of Tolkien\u2019s fandom and cross checking the information, I felt confident with the data (dates and images) I used in the timeline. I was also able to use personal copies of Tolkien\u2019s books as references, albeit not first editions.<\/span><\/p>\n<h3><strong>Method<\/strong><\/h3>\n<p><span style=\"font-weight: 400\">The publication of the works about Tolkien\u2019s Middle-earth was very much fan driven, most of it being published posthumously and edited by his son Christopher. \u00a0Because of this, I wanted the timeline to mimic when the different maps of MIddle-earth became available to fans. In order to create this narrative I used the year of publication of the map, and the corresponding book it was published in, as my dates in the timeline.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Two exceptions were made for entering dates on the timeline. One being, the \u201cAnnotated Map\u201d, which was never published. This was due to a discussion with some fellow classmates about creating a clearer narrative and the year it created was used (instead of the found date of 2016, when it was made public). The second being the Interactive map, which is an online fan-made project, where the date used is the copyright date of the website. \u00a0\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">I decided to use the thumbnail media option to showcase the cover art of the first edition of the book a map was published in. I felt that this was important as Tolkien\u2019s works have gone through many printings, revisions, and editions. Due to the obstacle of not having access to primary resources, I also used this function as an alternative to linking references.<\/span><\/p>\n<p><span style=\"font-weight: 400\">When entering data into the fields on the spreadsheet I took advantage of HTML customization such as the &lt;em&gt; tag in order to italicise book titles and &lt;a ref&gt; tag to link online references.<\/span><\/p>\n<div id=\"attachment_7422\" style=\"width: 620px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/cdn.knightlab.com\/libs\/timeline3\/latest\/embed\/index.html?source=1sr1OTjLHdfiH79uB3sMjjF78Jz2Y2DK9ArtIXObPSE0&amp;font=Default&amp;lang=en&amp;initial_zoom=2&amp;height=650\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-7422\" class=\"wp-image-7422 size-medium\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/09\/Screen-Shot-2017-09-14-at-2.56.48-PM-620x306.png?resize=620%2C306\" alt=\"\" width=\"620\" height=\"306\" \/><\/a><p id=\"caption-attachment-7422\" class=\"wp-caption-text\">Click on the image above to view the interactive timeline.<\/p><\/div>\n<h3><strong>Future Direction<\/strong><\/h3>\n<p><span style=\"font-weight: 400\">If I had more time to work on this project, I would like to textually expand upon each of the maps found in the timeline. \u00a0I feel like this would have taken a lot more research and expertise due to the enormity of scope of Tolkien\u2019s world building. I did not want to do a poor job and alienate folks who were unfamiliar with Tolkien and his work by getting bogged down in too much detail that I, as a fan, would take for granted.<\/span><\/p>\n<p><span style=\"font-weight: 400\">I would have added more fan made maps. This would reinforce how passionate Tolkien\u2019s fans are and the important role they played for publications on Middle-earth.<\/span><\/p>\n<p><span style=\"font-weight: 400\">I think it would have been interesting to be able to include more details on how the <a href=\"http:\/\/lotrproject.com\/map\/\">Lord of the Ring Project<\/a> was actually made, perhaps by emailing the creator for details.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Lastly, I would fine-tooth comb edit the timeline for spelling and grammatical errors along with adding more &lt;a ref&gt; tags for references.<\/span><\/p>\n<p><em><span style=\"font-weight: 400\">*Please note: I am using the name Middle-earth throughout this report to lessen confusions for readers not familiar with Tolkien\u2019s work. Middle-earth is actually just one continent of Tolkien\u2019s fictional world but because it is the setting where most of his legendarium takes place is most well known.<\/span><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction While looking through the timeline created by Michael Friendly and Daniel J. Denis, Milestones in the History of Thematic Cartography, Statistical Graphics, and Data Visualization, I was drawn to the earliest maps and atlases. From there, I thought it would be interesting to create a timeline of maps from Middle-earth*, the fictional world created&hellip;<\/p>\n","protected":false},"author":240,"featured_media":7422,"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":[],"class_list":["post-7396","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-visualization"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paBdcV-1Vi","_links":{"self":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/7396","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\/240"}],"replies":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/comments?post=7396"}],"version-history":[{"count":0,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/7396\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media?parent=7396"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/categories?post=7396"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/tags?post=7396"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/coauthors?post=7396"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}