{"id":12680,"date":"2019-02-07T14:05:04","date_gmt":"2019-02-07T19:05:04","guid":{"rendered":"http:\/\/studentwork.prattsi.org\/infovis\/?p=12680"},"modified":"2019-05-14T00:16:33","modified_gmt":"2019-05-14T04:16:33","slug":"timeline-of-astronomy","status":"publish","type":"post","link":"https:\/\/studentwork.prattsi.org\/infovis\/visualization\/timeline-of-astronomy\/","title":{"rendered":"Timeline of Astronomy History"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\">Introduction<\/h4>\n\n\n\n<p>The timeline is a very common information visualization method, especially when we want to present the history of something or the process of some developments. In the last class, we have an in-class lab to create a timeline website by using a very efficient tool TimelineJS.<\/p>\n\n\n\n<p>My topic for this timeline lab is the history of astronomy. This is a very mysterious and attractive topic for me. In order to create a concise and understandable timeline, I browsed many materials about this topic and filtered out the most important events which can well represent the history of human&#8217;s exploration to the Astronomy.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2286\" height=\"1182\" src=\"https:\/\/i2.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/02\/\u5c4f\u5e55\u5feb\u7167-2019-02-07-\u4e0b\u53481.56.51.png?fit=840%2C434\" alt=\"\" class=\"wp-image-12709\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/02\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-02-07-%E4%B8%8B%E5%8D%881.56.51.png?w=2286&amp;ssl=1 2286w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/02\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-02-07-%E4%B8%8B%E5%8D%881.56.51.png?resize=300%2C155&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/02\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-02-07-%E4%B8%8B%E5%8D%881.56.51.png?resize=768%2C397&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/02\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-02-07-%E4%B8%8B%E5%8D%881.56.51.png?resize=1024%2C529&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/02\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-02-07-%E4%B8%8B%E5%8D%881.56.51.png?resize=800%2C414&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/02\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-02-07-%E4%B8%8B%E5%8D%881.56.51.png?resize=348%2C180&amp;ssl=1 348w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/02\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-02-07-%E4%B8%8B%E5%8D%881.56.51.png?w=1680 1680w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><figcaption><a href=\"https:\/\/cdn.knightlab.com\/libs\/timeline3\/latest\/embed\/index.html?source=1dwE3aYF970C7ErM4C0finGkJ3637cAP5OP-u87g1K_k&amp;font=Default&amp;lang=en&amp;initial_zoom=2&amp;height=800\">History of Astronomy<\/a><\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Materials<\/h4>\n\n\n\n<p>When I hadn&#8217;t selected my topic, I browse in the &#8220;<a href=\"http:\/\/www.datavis.ca\/milestones\/\">Milestones in the History of Thematic Cartography, Statistical Graphics, and Data Visualization<\/a>&#8220;. I learned lots of milestones from that website. After browsing through the technology milestones, I finally choose astronomy as my final topic because technology is the base of human&#8217;s exploration. I associated this to astronomy history. When I decided my topic, I began to search for keywords at Google and <a href=\"https:\/\/en.wikipedia.org\/wiki\/History_of_astronomy\">Wikipedia<\/a> to figure out the overall history of astronomy. I found that there are tons of methodological theories in this field, which is hard to understand and display to the audiences. So I keep searching the material and finally, I found a history teaching material about <a href=\"http:\/\/abyss.uoregon.edu\/~js\/ast121\/lectures\/lec02.html\">astronomy history brief<\/a>, which is very fit for my audience and myself. I refer most of the information from this website and organize my timeline.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Method<\/h4>\n\n\n\n<p>The method I used to create this timeline is an online tool &#8220;TimelineJS&#8221;, which can help users generalize an interactive timeline without leaving the browser. The main mechanics of this tool is that all the timeline contents are based on this Google Sheet. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2112\" height=\"720\" src=\"https:\/\/i1.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/02\/\u5c4f\u5e55\u5feb\u7167-2019-02-07-\u4e0b\u53482.34.58.png?fit=840%2C286\" alt=\"\" class=\"wp-image-12724\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/02\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-02-07-%E4%B8%8B%E5%8D%882.34.58.png?w=2112&amp;ssl=1 2112w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/02\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-02-07-%E4%B8%8B%E5%8D%882.34.58.png?resize=300%2C102&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/02\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-02-07-%E4%B8%8B%E5%8D%882.34.58.png?resize=768%2C262&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/02\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-02-07-%E4%B8%8B%E5%8D%882.34.58.png?resize=1024%2C349&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/02\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-02-07-%E4%B8%8B%E5%8D%882.34.58.png?resize=800%2C273&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/02\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-02-07-%E4%B8%8B%E5%8D%882.34.58.png?resize=400%2C136&amp;ssl=1 400w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/02\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-02-07-%E4%B8%8B%E5%8D%882.34.58.png?w=1680 1680w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><figcaption><a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1dwE3aYF970C7ErM4C0finGkJ3637cAP5OP-u87g1K_k\/edit?usp=sharing\">Data on the Google Sheet <\/a><\/figcaption><\/figure>\n\n\n\n<p>In this specific format google sheet, I can set each event&#8217;s begin and end time, change the background image or color, and add the cover image for each event. What I need to do is enter the information and to paste the URL of images I require. The headline and Main text position looks nice and doesn&#8217;t need me to design the layout. The timeline will automatically be created after I enter the year&#8217;s information.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Outputs<\/h4>\n\n\n\n<p class=\"has-small-font-size\">I eventually design an interactive online timeline infographic in this URL: <a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1dwE3aYF970C7ErM4C0finGkJ3637cAP5OP-u87g1K_k\/edit?usp=sharing\">https:\/\/docs.google.com\/spreadsheets\/d\/1dwE3aYF970C7ErM4C0finGkJ3637cAP5OP-u87g1K_k\/edit?usp=sharing<\/a><\/p>\n\n\n\n<p class=\"has-small-font-size\">I selected a beautiful space image as the background and choose the most symbolic events as my timeline content.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">How to imply this tool<\/h4>\n\n\n\n<p>This tool can be used in many cases that need a timeline to narrate something. Suitable themes can be history and development. Also, this tool can be a very vivid schedule for people to put their task lists on the timeline in order to organize their work efficiently.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction The timeline is a very common information visualization method, especially when we want to present the history of something or the process of some developments. In the last class, we have an in-class lab to create a timeline website by using a very efficient tool TimelineJS. My topic for this timeline lab is the&hellip;<\/p>\n","protected":false},"author":598,"featured_media":14564,"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,1],"tags":[],"coauthors":[372],"class_list":["post-12680","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-labs","category-timelines","category-visualization"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2019\/02\/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2019-02-07-%E4%B8%8B%E5%8D%881.56.51-1.png?fit=1679%2C868&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paBdcV-3iw","_links":{"self":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/12680","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\/598"}],"replies":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/comments?post=12680"}],"version-history":[{"count":10,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/12680\/revisions"}],"predecessor-version":[{"id":14565,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/12680\/revisions\/14565"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media\/14564"}],"wp:attachment":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media?parent=12680"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/categories?post=12680"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/tags?post=12680"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/coauthors?post=12680"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}