{"id":145,"date":"2017-01-16T01:54:24","date_gmt":"2017-01-16T01:54:24","guid":{"rendered":"https:\/\/blogs.scu.edu\/dataviz\/?p=145"},"modified":"2017-01-16T01:54:24","modified_gmt":"2017-01-16T01:54:24","slug":"billboard-top-100-over-the-years","status":"publish","type":"post","link":"https:\/\/blogs.scu.edu\/dataviz\/2017\/01\/16\/billboard-top-100-over-the-years\/","title":{"rendered":"Billboard Top 100 over the years"},"content":{"rendered":"<p>The Billboard Top 100 has become a standard in the music publishing industry for songs based on their record sales and their \u201cair time\u201d. A look at the referenced visualization shows the top 5 songs over a period of 58 years.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-146\" src=\"https:\/\/blogs.scu.edu\/dataviz\/files\/2017\/01\/Blog1-300x180.png\" alt=\"Blog1\" width=\"300\" height=\"180\" srcset=\"https:\/\/blogs.scu.edu\/dataviz\/files\/2017\/01\/Blog1-300x180.png 300w, https:\/\/blogs.scu.edu\/dataviz\/files\/2017\/01\/Blog1-768x462.png 768w, https:\/\/blogs.scu.edu\/dataviz\/files\/2017\/01\/Blog1-1024x616.png 1024w, https:\/\/blogs.scu.edu\/dataviz\/files\/2017\/01\/Blog1.png 1091w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>Though the visualization helped me take a trip down memory lane, I had few gripes with the presentation of it. First, the layout used for the entire visualization wastes a lot of real estate on the screen. More precisely, the filters for changing the year are placed at the bottom when they ideally could have been placed on the left side where the most visible filter (find an artist) is placed.<\/p>\n<p>Secondly, the axis for the main visualization element is difficult to read as the horizontal axis (containing the month\/year) is constantly moving and the vertical axis (containing the chart position) connects with the song across the timeline using a line graph which is difficult to read and grasp when the visualization is in \u201cplay mode\u201d.<\/p>\n<p>Furthermore, the threshold colors used are not intuitive since there are no legends to understand the gradient change i.e. from red to blue to light grey.<\/p>\n<p>Reference: How Music Evolved: Billboard&#8217;s Hot 100, 1958 \u2013 2016: <a href=\"http:\/\/polygraph.cool\/history\/\">http:\/\/polygraph.cool\/history\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Billboard Top 100 has become a standard in the music publishing industry for songs based on their record sales and their \u201cair time\u201d. A look at the referenced visualization shows the top 5 songs over a period of 58 years. Though the visualization helped me take a trip down memory lane, I had few &hellip; <a href=\"https:\/\/blogs.scu.edu\/dataviz\/2017\/01\/16\/billboard-top-100-over-the-years\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Billboard Top 100 over the years<\/span><\/a><\/p>\n","protected":false},"author":1850,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"qubely_global_settings":"","qubely_interactions":"","kk_blocks_editor_width":"","_kiokenblocks_attr":"","_kiokenblocks_dimensions":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-145","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"gutentor_comment":0,"qubely_featured_image_url":null,"qubely_author":{"display_name":"rogerjohn","author_link":"https:\/\/blogs.scu.edu\/dataviz\/author\/rogerjohn\/"},"qubely_comment":0,"qubely_category":"<a href=\"https:\/\/blogs.scu.edu\/dataviz\/category\/uncategorized\/\" rel=\"category tag\">Uncategorized<\/a>","qubely_excerpt":"The Billboard Top 100 has become a standard in the music publishing industry for songs based on their record sales and their \u201cair time\u201d. A look at the referenced visualization shows the top 5 songs over a period of 58 years. Though the visualization helped me take a trip down memory lane, I had few&hellip;","post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/posts\/145","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/users\/1850"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/comments?post=145"}],"version-history":[{"count":1,"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/posts\/145\/revisions"}],"predecessor-version":[{"id":147,"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/posts\/145\/revisions\/147"}],"wp:attachment":[{"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/media?parent=145"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/categories?post=145"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/tags?post=145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}