{"id":120,"date":"2018-11-30T16:16:48","date_gmt":"2018-11-30T16:16:48","guid":{"rendered":"https:\/\/cassienooyen.com\/techbar\/?p=120"},"modified":"2019-06-16T16:33:55","modified_gmt":"2019-06-16T21:33:55","slug":"week-13-intersections-and-color","status":"publish","type":"post","link":"https:\/\/cassienooyen.com\/techbar\/week-13-intersections-and-color\/","title":{"rendered":"Week 13: Adding a Touch of Color"},"content":{"rendered":"\n<p>The main focus of this week was the intersections. This meant focusing on the mix of both of the axies of the grid and where they meet.&nbsp;<\/p>\n\n\n\n<p>At the beginning of the week, I helped to make an animation of the grid showing the intersection of engagement and technology for the professor videos. This video really helped me to visualize the combination and necessity of both axes instead of only focusing on one.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/cassienooyen.com\/techbar\/wp-content\/uploads\/2018\/11\/grid_animation_final_2.mp4\"><\/video><figcaption>Animation of the Grid for Dr. Riggle&#8217;s Video<\/figcaption><\/figure>\n\n\n\n<p>The rest of the week was spent naming all of the other intersections to make the grid easier to visualize and stress the importance of the intersections instead of just the axes.&nbsp;<\/p>\n\n\n\n<p>Another helpful visualization tool I created was the color grid. This shows all the intersections as a mix of the colors from each axis and makes it a bit easier to visualize. The engagement axis varies from light to dark blue and the technology axis varies from light to dark red. The intersections are then the mix of these colors and it helps visualize which intersections have more red or technology and the others that have more blue or engagement.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"1024\" height=\"1024\" src=\"https:\/\/cassienooyen.com\/techbar\/wp-content\/uploads\/2018\/11\/color_grid-1024x1024.png\" alt=\"\" class=\"wp-image-123\" srcset=\"https:\/\/cassienooyen.com\/techbar\/wp-content\/uploads\/2018\/11\/color_grid-1024x1024.png 1024w, https:\/\/cassienooyen.com\/techbar\/wp-content\/uploads\/2018\/11\/color_grid-150x150.png 150w, https:\/\/cassienooyen.com\/techbar\/wp-content\/uploads\/2018\/11\/color_grid-300x300.png 300w, https:\/\/cassienooyen.com\/techbar\/wp-content\/uploads\/2018\/11\/color_grid-768x768.png 768w, https:\/\/cassienooyen.com\/techbar\/wp-content\/uploads\/2018\/11\/color_grid-270x270.png 270w, https:\/\/cassienooyen.com\/techbar\/wp-content\/uploads\/2018\/11\/color_grid.png 1800w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>The Color Grid<\/figcaption><\/figure>\n\n\n\n<p>I then combined the ideas of color and the intersection names to remake a colorful version of the grid. This grid helps to show the engagement levels of each intersection through color.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"1024\" height=\"780\" src=\"https:\/\/cassienooyen.com\/techbar\/wp-content\/uploads\/2018\/11\/fsl_grid_simple_intnames_color-1024x780.png\" alt=\"\" class=\"wp-image-126\" srcset=\"https:\/\/cassienooyen.com\/techbar\/wp-content\/uploads\/2018\/11\/fsl_grid_simple_intnames_color-1024x780.png 1024w, https:\/\/cassienooyen.com\/techbar\/wp-content\/uploads\/2018\/11\/fsl_grid_simple_intnames_color-300x229.png 300w, https:\/\/cassienooyen.com\/techbar\/wp-content\/uploads\/2018\/11\/fsl_grid_simple_intnames_color-768x585.png 768w, https:\/\/cassienooyen.com\/techbar\/wp-content\/uploads\/2018\/11\/fsl_grid_simple_intnames_color-354x270.png 354w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>The New Colorful Grid<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>The main focus of this week was the intersections. This meant focusing on the mix of both of the axies of the grid and where they meet.&nbsp; At the beginning of the week, I helped to make an animation of the grid showing the intersection of engagement and technology for the professor videos. This video really helped me to visualize the combination and necessity of both axes instead of only focusing on one. The rest of the week was spent naming all of the other&#8230;<span class=\"clearfix clearfix-post\"><\/span><a href=\"https:\/\/cassienooyen.com\/techbar\/week-13-intersections-and-color\/\" class=\"more-link\">Continue Reading <span class=\"screen-reader-text\">&#8220;Week 13: Adding a Touch of Color&#8221;<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":354,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true},"categories":[4],"tags":[],"jetpack_featured_media_url":"https:\/\/cassienooyen.com\/techbar\/wp-content\/uploads\/2019\/06\/week-13.png","_links":{"self":[{"href":"https:\/\/cassienooyen.com\/techbar\/wp-json\/wp\/v2\/posts\/120"}],"collection":[{"href":"https:\/\/cassienooyen.com\/techbar\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cassienooyen.com\/techbar\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cassienooyen.com\/techbar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cassienooyen.com\/techbar\/wp-json\/wp\/v2\/comments?post=120"}],"version-history":[{"count":5,"href":"https:\/\/cassienooyen.com\/techbar\/wp-json\/wp\/v2\/posts\/120\/revisions"}],"predecessor-version":[{"id":128,"href":"https:\/\/cassienooyen.com\/techbar\/wp-json\/wp\/v2\/posts\/120\/revisions\/128"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cassienooyen.com\/techbar\/wp-json\/wp\/v2\/media\/354"}],"wp:attachment":[{"href":"https:\/\/cassienooyen.com\/techbar\/wp-json\/wp\/v2\/media?parent=120"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cassienooyen.com\/techbar\/wp-json\/wp\/v2\/categories?post=120"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cassienooyen.com\/techbar\/wp-json\/wp\/v2\/tags?post=120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}