{"id":665,"date":"2021-09-01T12:33:27","date_gmt":"2021-09-01T16:33:27","guid":{"rendered":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/?p=665"},"modified":"2021-09-04T18:05:06","modified_gmt":"2021-09-04T22:05:06","slug":"data-art-project-john-l","status":"publish","type":"post","link":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/jrlemieux\/data-art-project-john-l\/","title":{"rendered":"Data Art Project (John L)"},"content":{"rendered":"\n<p>The video below represents my finished product for the Data Art Sketch with some animation to it. The sketch is supposed to represent the educational inequality between Black, Hispanic, and White people. This is represented with the books on the scale, with the brown and orange books representing Black and Hispanic opportunities, while the right side represents White opportunities. The visual is supposed to communicate that the combined data of Hispanic and Black opportunities in the U.S. is lower than the amount that White people are offered. This is upsetting because of how innocent people that want to learn are being restricted due to their skin color. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/ScalewithbooksPNG.png\"><img loading=\"lazy\" decoding=\"async\" width=\"881\" height=\"571\" src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/ScalewithbooksPNG.png\" alt=\"\" class=\"wp-image-666\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/ScalewithbooksPNG.png 881w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/ScalewithbooksPNG-800x519.png 800w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/ScalewithbooksPNG-768x498.png 768w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/ScalewithbooksPNG-463x300.png 463w\" sizes=\"auto, (max-width: 881px) 100vw, 881px\" \/><\/a><\/figure>\n\n\n\n<p>The difference between the sketch is that there are two pieces of interactive animation. The first piece is the gram bar that is located next to the white book and scale. When you click the bar, the gram goes slowly up the incline, and then quickly back down it. This element of animation is to showcase the steepness of the situation and how unbalanced the scale is. It allows the audience to feel a sense of weight from the animation. <\/p>\n\n\n\n<p>The second animation is that of clicking on the orange book. When the book is clicked, the book lifts off of the scale for a few moments. When this happens, the scale and the black book also rises up a little bit. This is done to showcase how when the black book is on its own, the statistic grows even larger than what it was before. This is used to represent the difference between the two values combined and how it compares when only comparing one variable (i.e. the black book) to the other object on the scale (i.e. the white book). <\/p>\n\n\n\n<p>One question that I will ask for the class (noted hear to remind myself) is how I could have represented this same data in a more simpler form? I like to hear other opinions on how they would have represented the data and I would like to broaden my ideas on how other artists would visualize the data.  <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/Scale.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"508\" src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/Scale-1024x508.png\" alt=\"\" class=\"wp-image-779\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/Scale-1024x508.png 1024w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/Scale-800x397.png 800w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/Scale-768x381.png 768w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/Scale-1536x762.png 1536w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/Scale-600x298.png 600w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/Scale.png 1652w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Update: I added motion to the right side with the white book and scale. This animation change will allow for more fluent motion to the whole project, rather than just on one side. By a comment recommendation, I added an object in the middle of the scale, with an indicator to showcase what height the scales are equal on. The point of the measurement is to allow the audience to see what height level the scales should be equal on. Below is the video link for the updated one. <\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"jetpack-video-wrapper\"><iframe loading=\"lazy\" title=\"Updated Version of the Scale\" width=\"1000\" height=\"563\" src=\"https:\/\/www.youtube.com\/embed\/xl7k8DTG_7I?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>The video below represents my finished product for the Data Art Sketch with some animation to it. The sketch is supposed to represent the educational inequality between Black, Hispanic, and White people. This is represented with the books on the scale, with the brown and orange books representing Black and Hispanic opportunities, while the right&#8230; <\/p>\n<div class=\"link-more\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/jrlemieux\/data-art-project-john-l\/\">Read More<\/a><\/div>\n","protected":false},"author":214,"featured_media":779,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"cybocfi_hide_featured_image":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4],"tags":[],"class_list":["post-665","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-data-art-project"],"jetpack_featured_media_url":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/Scale.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/posts\/665","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/users\/214"}],"replies":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/comments?post=665"}],"version-history":[{"count":3,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/posts\/665\/revisions"}],"predecessor-version":[{"id":781,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/posts\/665\/revisions\/781"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/media\/779"}],"wp:attachment":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/media?parent=665"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/categories?post=665"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/tags?post=665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}