{"id":7284,"date":"2017-09-13T18:40:36","date_gmt":"2017-09-13T22:40:36","guid":{"rendered":"http:\/\/research.prattsils.org\/?p=7284"},"modified":"2017-09-13T18:40:36","modified_gmt":"2017-09-13T22:40:36","slug":"first-timeline-try-audio-format-development","status":"publish","type":"post","link":"https:\/\/studentwork.prattsi.org\/infovis\/visualization\/first-timeline-try-audio-format-development\/","title":{"rendered":"My first timeline try: All about Audio Format Development"},"content":{"rendered":"<div class=\"page\" title=\"Page 2\">\n<div class=\"section\">\n<div class=\"layoutArea\">\n<div class=\"column\">\n<ul>\n<li>Introduction:<\/li>\n<\/ul>\n<\/div>\n<p>This project explores\u00a0<strong>the development\u00a0of Audio Format<\/strong>. From the first\u00a0Phonautograph, designed by 1857, to this nowaday&#8217;s music app. In this generation, Opus is designed to handle a wide range of interactive audio applications, including Voice over IP, videoconferencing, in-game chat, and even live, distributed music performances. I myself crushing about Long Play collection, and some people like me, still keep the habit of old fashion times\u00a0innovation.That arise my curiosity about how did music evolve? So I decided to use\u00a0my first timeline to describe the development of music formation.<\/p>\n<div class=\"column\">\n<ul>\n<li>About three inspiring visualizations<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-7302\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/09\/napoleon_18121-620x304.jpg?resize=620%2C304\" alt=\"\" width=\"620\" height=\"304\" \/>Edwar Tufte The war of 1812<\/p>\n<p>Although when I first time saw this statistical graphic, without literal describe, I could not fully understand the meaning.<\/p>\n<p>Time-series display could be plain sometimes, especially when the less use of data-link. without unnecessary information, what should we do to create a Timeline more rememberable\u00a0and different with simple lines? He <strong>adds spatial dimensions<\/strong>\u00a0to this visualize graphic, creates a data over space and time limitation. With multi variant factors, the <b>color <\/b>use; the dimension display and two groups of <b>data comparison<\/b>, enhance the readability and multiple presentations the data of history.<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/09\/study-sample.jpg\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-7303\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/09\/study-sample-620x258.jpg?resize=620%2C258\" alt=\"\" width=\"620\" height=\"258\" \/><\/a><span class=\"irc_pt\" dir=\"ltr\">Nigel Holmes&#8217;s Monstrous Costs<\/span><\/p>\n<p>Very attractive, interesting and <b>easy to remember<\/b>. However, from my perspective, the focus is not clear enough, for many occasions\u00a0maybe not serious, but truly catch the eyes.<\/p>\n<\/div>\n<p>There are many ways to display time trend, this chart remains me try different, even not correct enough, who knows?<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/09\/William-playfair-wheat-original.jpg\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-7304\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/09\/William-playfair-wheat-original-620x327.jpg?resize=620%2C327\" alt=\"\" width=\"620\" height=\"327\" \/><\/a>Willam Playfair&#8217;s\u00a0time-series chart<\/p>\n<p>Playfair&#8217;s charts are really impressive, especially in such earlier time period, he uses charts <b>address many practical problems<\/b>. The timeline contains much information, use ancient time period methods in the front and at the same time separate\u00a0the years into <b>different groups to see the trends<\/b>. Price, Wages, \u00a0time period and <strong>historic character<\/strong>\u00a0could easily integration.<\/p>\n<p>\u25cf \u00a0Lab needed<\/p>\n<p><strong>Timeline<\/strong><\/p>\n<p>http:\/\/timeline.knightlab.com\/#make;<\/p>\n<p id=\"yui_3_17_2_1_1505336339212_78\"><strong>Milestones in the history of thematic cartography, statistical graphics, and data visualization<\/strong><\/p>\n<p>\u00a0 \u00a0 http:\/\/www.datavis.ca\/milestones\/<\/p>\n<p><strong>Audio Format Timeline\u00a0<\/strong><b>Resources\u00a0<\/b><\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"AAwCypBXmo\"><p><a href=\"http:\/\/www.obsoletemedia.org\/audio\/\">Audio Format Timeline<\/a><\/p><\/blockquote>\n<p><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" src=\"http:\/\/www.obsoletemedia.org\/audio\/embed\/#?secret=AAwCypBXmo\" data-secret=\"AAwCypBXmo\" width=\"600\" height=\"338\" title=\"&#8220;Audio Format Timeline&#8221; &#8212; Museum Of Obsolete Media\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<p>\u25cf \u00a0methods used to create visualizations<\/p>\n<p>Easy use storytelling Tool: TimelineJS<\/p>\n<p>\u25cf \u00a0results\/discussion<\/p>\n<p>There is some photo shoots from my timeline, choose some specific innovation.<\/p>\n<p>MyTimeline:<\/p>\n<p>https:\/\/cdn.knightlab.com\/libs\/timeline3\/latest\/embed\/index.html?source=1sY_6xblG0RlTfeVrkLzSr1rBlMWo5QBObey0CPLAQOQ&#038;font=Default&#038;lang=en&#038;initial_zoom=2&#038;height=650<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/09\/Screen-Shot-2017-09-13-at-3.43.51-PM.png\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-7305\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/09\/Screen-Shot-2017-09-13-at-3.43.51-PM-620x236.png?resize=620%2C236\" alt=\"\" width=\"620\" height=\"236\" \/><\/a>The title page<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/09\/Screen-Shot-2017-09-13-at-3.44.30-PM.png\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-7306\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/09\/Screen-Shot-2017-09-13-at-3.44.30-PM-620x237.png?resize=620%2C237\" alt=\"\" width=\"620\" height=\"237\" \/><\/a>LP<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/09\/Screen-Shot-2017-09-13-at-3.45.46-PM.png\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-7307\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/09\/Screen-Shot-2017-09-13-at-3.45.46-PM-620x234.png?resize=620%2C234\" alt=\"\" width=\"620\" height=\"234\" \/><\/a>Cassette<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/09\/Screen-Shot-2017-09-13-at-3.44.57-PM.png\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-7308\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/09\/Screen-Shot-2017-09-13-at-3.44.57-PM-620x235.png?resize=620%2C235\" alt=\"\" width=\"620\" height=\"235\" \/><\/a>DVD<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/09\/Screen-Shot-2017-09-13-at-3.45.19-PM.png\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-7309\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/09\/Screen-Shot-2017-09-13-at-3.45.19-PM-620x236.png?resize=620%2C236\" alt=\"\" width=\"620\" height=\"236\" \/><\/a>APP<\/p>\n<p>After skimming over the music\/audio format development by timeline, I find out after a sudden breakthrough of <b>1877<\/b>, \u00a0innovators improve the format into a mania phase, especially <b>after 1945<\/b>, the Japanese company creates a really positive environment for music market, not only for South Asian but also all over the world. Sony, Panasonic these kinds of companies really contribute a lot and being accepted by all over the world. For me, I am delighted to have more understanding of how to create a long play record.<\/p>\n<p>\u25cf \u00a0discussion of future directions.<\/p>\n<p>IphoneX just posted out, we now forced to listen to music without headset&#8230; In the future, the media of listening would be smaller or disappear. I believe, people will probably integrate with the environment, not the phone or little machine, this kind of thing will finally in our body or just disappear, people at the same time could enjoy their HiFi either.<\/p>\n<\/div>\n<p>I wanna thanks to my classmates: Kieran; XIAXIN and professor. They help me a lot.<\/p>\n<\/div>\n<\/div>\n<p><!--more--><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction: This project explores\u00a0the development\u00a0of Audio Format. From the first\u00a0Phonautograph, designed by 1857, to this nowaday&#8217;s music app. In this generation, Opus is designed to handle a wide range of interactive audio applications, including Voice over IP, videoconferencing, in-game chat, and even live, distributed music performances. I myself crushing about Long Play collection, and some&hellip;<\/p>\n","protected":false},"author":453,"featured_media":7302,"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":[98,119],"coauthors":[],"class_list":["post-7284","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-visualization","tag-lis-658","tag-timelinejs"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paBdcV-1Tu","_links":{"self":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/7284","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\/453"}],"replies":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/comments?post=7284"}],"version-history":[{"count":0,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/7284\/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=7284"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/categories?post=7284"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/tags?post=7284"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/coauthors?post=7284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}