{"id":1126,"date":"2018-10-18T06:59:47","date_gmt":"2018-10-18T06:59:47","guid":{"rendered":"https:\/\/www.courses.tegabrain.com\/cc18\/?p=1126"},"modified":"2018-10-18T07:02:22","modified_gmt":"2018-10-18T07:02:22","slug":"visualizing-time-project-currents","status":"publish","type":"post","link":"https:\/\/www.courses.tegabrain.com\/cc18\/2018\/10\/18\/visualizing-time-project-currents\/","title":{"rendered":"Visualizing Time Project"},"content":{"rendered":"<p>For my visualizing time project, I was inspired by tides and ocean currents. The purple color represents the hours, the teal color represents the minutes, and the light blue represents seconds. I had some difficulties making waves that moved with the time, so my first try involved rectangles:<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"1128\" data-permalink=\"https:\/\/www.courses.tegabrain.com\/cc18\/2018\/10\/18\/visualizing-time-project-currents\/tideclock1\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/10\/tideclock1.gif?fit=386%2C466&amp;ssl=1\" data-orig-size=\"386,466\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"tideclock1\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/10\/tideclock1.gif?fit=248%2C300&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/10\/tideclock1.gif?fit=386%2C466&amp;ssl=1\" class=\"alignnone size-full wp-image-1128\" src=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/10\/tideclock1.gif?resize=386%2C466&#038;ssl=1\" alt=\"\" width=\"386\" height=\"466\" \/><\/p>\n<p>After some help, I was able to add waves with fill underneath to represent different times of the day.\u00a0 The wave that represents seconds moves the oscillates most rapidly. The wave that represents minutes is slower than the seconds wave. The hours wave is the slowest wave. As time goes on the &#8220;current&#8221; rises, then falls at the repeat of its respective time interval.<\/p>\n<p>Below: 3:40PM<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"1129\" data-permalink=\"https:\/\/www.courses.tegabrain.com\/cc18\/2018\/10\/18\/visualizing-time-project-currents\/tideclock2day\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/10\/tideclock2day.gif?fit=386%2C466&amp;ssl=1\" data-orig-size=\"386,466\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"tideclock2day\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/10\/tideclock2day.gif?fit=248%2C300&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/10\/tideclock2day.gif?fit=386%2C466&amp;ssl=1\" class=\"alignnone size-full wp-image-1129\" src=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/10\/tideclock2day.gif?resize=386%2C466&#038;ssl=1\" alt=\"\" width=\"386\" height=\"466\" \/><\/p>\n<p>Between 9PM and 4AM, the background color and image change to represent nighttime.<\/p>\n<p>Below: 2:33AM<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"1130\" data-permalink=\"https:\/\/www.courses.tegabrain.com\/cc18\/2018\/10\/18\/visualizing-time-project-currents\/tideclock2night\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/10\/tideclock2night.gif?fit=386%2C466&amp;ssl=1\" data-orig-size=\"386,466\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"tideclock2night\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/10\/tideclock2night.gif?fit=248%2C300&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/10\/tideclock2night.gif?fit=386%2C466&amp;ssl=1\" class=\"alignnone size-full wp-image-1130\" src=\"https:\/\/i0.wp.com\/www.courses.tegabrain.com\/cc18\/wp-content\/uploads\/2018\/10\/tideclock2night.gif?resize=386%2C466&#038;ssl=1\" alt=\"\" width=\"386\" height=\"466\" \/><\/p>\n<p>Code in OpenProcessing (doesnt have the background image):\u00a0https:\/\/www.openprocessing.org\/sketch\/609529<\/p>\n","protected":false},"excerpt":{"rendered":"<p>For my visualizing time project, I was inspired by tides and ocean currents. The purple color represents the hours, the teal color represents the minutes, and the light blue represents seconds. I had some difficulties making waves that moved with the time, so my first try involved rectangles: After some help, I was able to<a class=\"more-link button\" href=\"https:\/\/www.courses.tegabrain.com\/cc18\/2018\/10\/18\/visualizing-time-project-currents\/\">Read More<\/a><\/p>\n","protected":false},"author":10,"featured_media":0,"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":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[8],"tags":[],"class_list":["post-1126","post","type-post","status-publish","format-standard","hentry","category-p2-visualizingtime"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paeb9f-ia","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/posts\/1126","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/comments?post=1126"}],"version-history":[{"count":3,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/posts\/1126\/revisions"}],"predecessor-version":[{"id":1133,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/posts\/1126\/revisions\/1133"}],"wp:attachment":[{"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/media?parent=1126"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/categories?post=1126"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/tags?post=1126"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}