{"id":9699,"date":"2018-07-03T12:12:34","date_gmt":"2018-07-03T16:12:34","guid":{"rendered":"http:\/\/studentwork.prattsi.org\/infovis\/?p=9699"},"modified":"2019-01-11T00:19:07","modified_gmt":"2019-01-11T05:19:07","slug":"the-california-gold-rush-a-timeline","status":"publish","type":"post","link":"https:\/\/studentwork.prattsi.org\/infovis\/labs\/the-california-gold-rush-a-timeline\/","title":{"rendered":"The California Gold Rush: 1848 – 1855"},"content":{"rendered":"

Introduction: Choosing A Topic<\/strong><\/p>\n

Learning about formatting a timeline, I selected a topic quickly the first class to start exploring the features and by the second cIass realized I\u2019d like select a topic a little more relevant to myself and\/or places I\u2019ve lived. I lived in Oakland for many years and decided to make a timeline that explored a part of California\u2019s history. I thought the Gold Rush would be a worthwhile subject as it shaped the Bay Area significantly. It\u2019s a subject I learned briefly about it in grade school as a part of America\u2019s history amid the creation of the transcontinental railroad and was surprised to see what facts I already knew and what I didn\u2019t. The Gold Rush was a chaotic burst of historical events spanning 1848 through 1855 and I selected seven of these defining moments to form my timeline.<\/p>\n

Tools: Knightlab\u2019s TimelineJS<\/strong><\/p>\n

The timeline was created using Knightlab\u2019s TimelineJS<\/a>. One of many tools created by NorthWestern\u2019s designers and developers, it\u2019s an easy way for creating shareable timelines that can be site embedded. I began by visiting Timeline Js\u2019s site and following the clear step by step prompts. The first was to download a spreadsheet which serves as the template for my timeline. It had a test line below the column so a first-time user, like myself, could see what each row of information would translate to on the timeline. Even without this aid, the spreadsheet is very straightforward. Fields like: year, end of year, headline, text, and media were clear in their purpose.<\/p>\n

\"TimelineJS<\/p>\n

At the same time however, there is a limit to how much the format can be changed outside of how it\u2019s embedded in a site. It reminded me of Squarespace site templates where it\u2019s very user friendly if the packaged format suffices but a certain degree of coding is needed to adjust the layout if it doesn\u2019t. \u00a0TimelineJS does allow for helpful, small personalization like inputting hex codes easily for colored backgrounds or inserting an image link instead for an image.<\/p>\n

Gathering Information \u2013 The California Gold Rush<\/strong><\/p>\n

I started a general read on the California\u00a0Gold Rush<\/a> on Wikipedia. From there, I would follow the cited links or search specific events separately outside of the Wiki page for more clarity on specific events I wanted to include. The timeline format has space for media (photo or video), a header, and event text which are positioned in the center of the site and below this information is a timeline bar. TimelineJS doesn\u2019t limit the amount of text you can input. If the text reaches the timeline below, it will allow the user to scroll through to read it. At the same time, the positioning of the centered text box calls for limited text, anywhere from one to five sentences. \u00a0I tried to condense my information to create a snapshot of the event I was portraying. I would have liked to do more research on certain areas of this period but still left learning more than I knew when I began.<\/p>\n

\"Image<\/p>\n

Timeline Results\u00a0<\/strong><\/p>\n

I had a refresher on the Gold Rush and learned in depth how it impacted not just America as a whole but the core of California. It was also a practice in determining what side and how much of the Rush I wanted to portray. I kept colors to a minimum, using California state colors: blue and gold(-ish). I considered Few’s color advice in “Common Pitfalls of Dashboard Design” for minimal and purposeful palettes that wouldn’t detract from the data. I decided to stick with two colors, which even then may have been too much.\u00a0 I initially used an array of colors but given the topic and the number of slides, felt unrelated and haphazard.<\/p>\n

Overall, using TimelineJS was an easy-to-use and interactive experience. It clearly relayed its limitations, for example when I wanted to denote an era I had left out an end date and the embed link immediately prompted me for this missing information. In the future I would be more limited in the amount of text I use and instead, include more events. Ultimately, TimelineJS allowed me to produce a straightforward and visually stimulating timeline to review this part of history.<\/p>\n

My TimelineJS Link: The California Gold Rush<\/a><\/p>\n

Resources:<\/strong><\/p>\n

http:\/\/avalon.law.yale.edu\/19th_century\/guadhida.asp<\/div>\n
<\/div>\n
https:\/\/en.wikipedia.org\/wiki\/Treaty_of_Guadalupe_Hidalgo<\/div>\n
<\/div>\n
https:\/\/history172goldrush.weebly.com\/native-americans.html\u00a0<\/span><\/div>\n
<\/div>\n
https:\/\/www.pbs.org\/wgbh\/americanexperience\/features\/goldrush-act-for-government-and-protection-of-indians\/<\/div>\n
<\/div>\n
https:\/\/www.sierracollege.edu\/ejournals\/jsnhb\/v2n1\/miningtechniques.html<\/div>\n","protected":false},"excerpt":{"rendered":"

Introduction: Choosing A Topic Learning about formatting a timeline, I selected a topic quickly the first class to start exploring the features and by the second cIass realized I\u2019d like select a topic a little more relevant to myself and\/or places I\u2019ve lived. I lived in Oakland for many years and decided to make a…<\/p>\n","protected":false},"author":530,"featured_media":9712,"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,339],"tags":[189,119],"coauthors":[360],"class_list":["post-9699","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-labs","category-timelines","tag-timeline","tag-timelinejs"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2018\/07\/Sutters_Mill.jpg?fit=1200%2C960&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paBdcV-2wr","_links":{"self":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/9699","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\/530"}],"replies":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/comments?post=9699"}],"version-history":[{"count":10,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/9699\/revisions"}],"predecessor-version":[{"id":9718,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/9699\/revisions\/9718"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media\/9712"}],"wp:attachment":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media?parent=9699"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/categories?post=9699"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/tags?post=9699"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/coauthors?post=9699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}