{"id":11,"date":"2018-09-27T20:20:50","date_gmt":"2018-09-27T20:20:50","guid":{"rendered":"http:\/\/classprojects.digitalwcu.org\/zlab\/?page_id=11"},"modified":"2018-10-07T18:59:05","modified_gmt":"2018-10-07T18:59:05","slug":"methodology","status":"publish","type":"page","link":"https:\/\/classprojects.digitalwcu.org\/zlab\/methodology\/","title":{"rendered":"Methodology"},"content":{"rendered":"<h1>Methods<\/h1>\n<p>There are four types of <a href=\"http:\/\/phototrails.net\/visualizations\/\">image maps<\/a> that the project utilizes to create visualizations of public Instagram posts in several <a href=\"http:\/\/phototrails.net\/instagram-cities\/\">cities<\/a> around the world. These maps are interactive in that the maps can be zoomed in our out, allowing the users to see as close as the individual post.<\/p>\n<p>PhotoTrails uses &#8220;experimental\u00a0media\u00a0visualization techniques\u00a0for exploring visual patterns, dynamics and structures of planetry-scale user-generated shared photos.&#8221; The site aligns images on a grid on specific axis that can be adjusted by the users&#8217; criteria, such as dates, locations, or visual characteristics.<\/p>\n<h2>Radial<\/h2>\n<p>The radial maps collect data and arrange them in circular patterns. These are arranged visually, by hue, brightness, texture, etc. and by the time and locations that they are taken in. The image below, for example, is comprised of posts taken in Tel Aviv organized by hue.<\/p>\n<p><a href=\"http:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/TLV-50k-hsv-median-hav-mean-600.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-18 size-full\" src=\"http:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/TLV-50k-hsv-median-hav-mean-600.jpg\" alt=\"\" width=\"600\" height=\"600\" srcset=\"https:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/TLV-50k-hsv-median-hav-mean-600.jpg 600w, https:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/TLV-50k-hsv-median-hav-mean-600-150x150.jpg 150w, https:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/TLV-50k-hsv-median-hav-mean-600-300x300.jpg 300w, https:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/TLV-50k-hsv-median-hav-mean-600-100x100.jpg 100w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>Other images are arranged by hue and time, such as the map below, which is also from Tel Aviv.<\/p>\n<p><a href=\"http:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/TLV-Week-Hue_Median-vs-created-600px.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-19 size-full\" src=\"http:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/TLV-Week-Hue_Median-vs-created-600px.jpg\" alt=\"\" width=\"600\" height=\"600\" srcset=\"https:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/TLV-Week-Hue_Median-vs-created-600px.jpg 600w, https:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/TLV-Week-Hue_Median-vs-created-600px-150x150.jpg 150w, https:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/TLV-Week-Hue_Median-vs-created-600px-300x300.jpg 300w, https:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/TLV-Week-Hue_Median-vs-created-600px-100x100.jpg 100w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>The team was especially interested in radial images as they help to map the patterns in times and color changes that photos adhered to.<\/p>\n<p>Posts on specific events have also been recorded, such as those taken during Hurricane Sandy in Brooklyn.<\/p>\n<p><a href=\"http:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/5.radial_storm_hue_created.full-size-600px.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-21 size-full\" src=\"http:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/5.radial_storm_hue_created.full-size-600px.jpg\" alt=\"\" width=\"600\" height=\"600\" srcset=\"https:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/5.radial_storm_hue_created.full-size-600px.jpg 600w, https:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/5.radial_storm_hue_created.full-size-600px-150x150.jpg 150w, https:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/5.radial_storm_hue_created.full-size-600px-300x300.jpg 300w, https:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/5.radial_storm_hue_created.full-size-600px-100x100.jpg 100w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<h2>Montage<\/h2>\n<p>The montage pattern was created by stitching images together in a grid and are organized by either upload date of visual attributes, similar to the radial designs. The team has discovered that this organization reveals what they term &#8216;visual\u00a0 signatures&#8217; of patterns that reveal day and night cycles.<\/p>\n<p>Below are posts from Tokyo sorted by time of day.<\/p>\n<p><a href=\"http:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/tokyo-montage-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-24 size-full\" src=\"http:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/tokyo-montage-1.png\" alt=\"\" width=\"1100\" height=\"346\" srcset=\"https:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/tokyo-montage-1.png 1100w, https:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/tokyo-montage-1-300x94.png 300w, https:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/tokyo-montage-1-768x242.png 768w, https:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/tokyo-montage-1-1024x322.png 1024w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\" \/><\/a><\/p>\n<h2>PhotoPlot<\/h2>\n<p>PhotoPlot is the scatterplot comprised of posts that are organized over time. They help visualize image characteristics over time. The image below is an accumulation of 34,993 from Brooklyn taken during Brooklyn during Hurricane Sandy.<\/p>\n<p><a href=\"http:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/plot-hsv-created-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-35 size-full\" src=\"http:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/plot-hsv-created-1.jpg\" alt=\"\" width=\"1600\" height=\"900\" srcset=\"https:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/plot-hsv-created-1.jpg 1600w, https:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/plot-hsv-created-1-300x169.jpg 300w, https:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/plot-hsv-created-1-768x432.jpg 768w, https:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/plot-hsv-created-1-1024x576.jpg 1024w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/a><\/p>\n<h2>Points and Lines<\/h2>\n<p>Points and lines commonly plot posts in large urban spaces. They take the forms of maps or images aligned to fixed points, and range from sizes as large as cities, countries, or the Earth. They are color coded in green, yellow, and red according to times of day, morning, afternoon, and red, respectively. The plots reveal a concentration of post in particular hours geographically, and also the locations of users.<\/p>\n<p>Below is a location comprised of\u00a0\u00a0212,242 photos from over 3 months.<\/p>\n<p><a href=\"http:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/11.tlv_points_plot.600px.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-38 size-full\" src=\"http:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/11.tlv_points_plot.600px.jpg\" alt=\"\" width=\"600\" height=\"600\" srcset=\"https:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/11.tlv_points_plot.600px.jpg 600w, https:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/11.tlv_points_plot.600px-150x150.jpg 150w, https:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/11.tlv_points_plot.600px-300x300.jpg 300w, https:\/\/classprojects.digitalwcu.org\/zlab\/wp-content\/uploads\/2018\/09\/11.tlv_points_plot.600px-100x100.jpg 100w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>Below is a plot of\u00a0 289 photos from Tel Aviv over 3 months.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Methods There are four types of image maps that the project utilizes to create visualizations of public Instagram posts in several cities around the world. These maps are interactive in that the maps can be zoomed in our out, allowing the users to see as close as the individual post. PhotoTrails uses &#8220;experimental\u00a0media\u00a0visualization techniques\u00a0for exploring &hellip; <a href=\"https:\/\/classprojects.digitalwcu.org\/zlab\/methodology\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Methodology<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/classprojects.digitalwcu.org\/zlab\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/classprojects.digitalwcu.org\/zlab\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/classprojects.digitalwcu.org\/zlab\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/classprojects.digitalwcu.org\/zlab\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/classprojects.digitalwcu.org\/zlab\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":14,"href":"https:\/\/classprojects.digitalwcu.org\/zlab\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":225,"href":"https:\/\/classprojects.digitalwcu.org\/zlab\/wp-json\/wp\/v2\/pages\/11\/revisions\/225"}],"wp:attachment":[{"href":"https:\/\/classprojects.digitalwcu.org\/zlab\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}