{"id":8122,"date":"2017-12-01T17:33:02","date_gmt":"2017-12-01T22:33:02","guid":{"rendered":"http:\/\/research.prattsils.org\/?p=8122"},"modified":"2017-12-01T17:33:02","modified_gmt":"2017-12-01T22:33:02","slug":"woody-allen-love-nyc","status":"publish","type":"post","link":"https:\/\/studentwork.prattsi.org\/infovis\/visualization\/woody-allen-love-nyc\/","title":{"rendered":"Woody Allen Love NYC"},"content":{"rendered":"<h3 id=\"d399\" class=\"graf graf--h3 graf-after--h3\"><strong class=\"markup--strong markup--h3-strong\">Introduction<\/strong><\/h3>\n<p class=\"graf graf--p graf-after--h3\">The topic that I chose for this Carto lab is \u2018Woody Allen Love NYC\u2019. The reason why I choose this topic because I saw so many his movies\u00a0shot\u00a0in NYC,\u00a0they may give me the first impression of this city, and even though every movie could tell\u00a0different stories. However, I\u00a0still want to see these place in real life. Like novel fanatics want to track their writer&#8217;s step, I want to see how movie depict a city with locations.<\/p>\n<p class=\"graf graf--p graf-after--h3\">I love to choose art products data, not only for me myself like them, on the other side, I want to explore the story from various angles.\u00a0 The idea came from an article:\u00a0<em>On Close and Distant Reading in Digital Humanities: A Survey and Future Challenges. <\/em>Distant Reading could generate an abstract view from observing textual content to visualizing global features of single or multiple texts.[1] Moretti [2] describes distant reading as \u201ca little pact with the devil: we know how to read texts, now let\u2019s learn how not to read them.\u201d This time, I\u00a0try to combine &#8220;near watching&#8221; and &#8220;distant reading&#8221; in Woody Allen&#8217;s movies. Give people who love movies an interesting direction to explore after they saw the movies. Also, from this map, you could see what kind of location Woody Allen prefer.<\/p>\n<h3 class=\"graf graf--p graf-after--h3\"><strong class=\"markup--strong markup--h3-strong\">Materials<\/strong><\/h3>\n<p>I\u00a0create this visualization\u00a0by\u00a0<a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/carto.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Carto<\/a>\u00a0as the primary software. It provides\u00a0<a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/en.wikipedia.org\/wiki\/Geographic_information_system\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">GIS<\/a>\u00a0with several data layers without coding. It&#8217;s simple to use and also\u00a0beautiful.<\/p>\n<p>In terms of data, the\u00a0basic sources are from <a href=\"https:\/\/opendata.cityofnewyork.us\/\">NYC Open Data<\/a>. And the location of movies\u00a0came from<a href=\"http:\/\/www.movie-locations.com\/places\/usa\/nyc.html#.WiCRlbQ-fxs\"> The World Wide Guide To Movie Locations.<\/a>\u00a0This Website mainly by the film lovers capture movies sightseeing and write it down. Since the article describes locations orderly, I collect them orderly according to the development plot of the stories.<\/p>\n<ol class=\"postList\">\n<li id=\"681c\" class=\"graf graf--li graf-after--p\">NYC\u00a0District Zones(Polygone)<\/li>\n<li id=\"6c0c\" class=\"graf graf--li graf-after--li\">NYC\u00a0Park Zones(Polygone)<\/li>\n<li id=\"dcb6\" class=\"graf graf--li graf-after--li\">NYC Museum Location(Spot)<\/li>\n<li class=\"graf graf--li graf-after--li\">NYC Theatre Location(Spot)<\/li>\n<li id=\"f611\" class=\"graf graf--li graf-after--li\">Woody Allen&#8217;s Movie Locations Which shot in NYC(Spot)<\/li>\n<\/ol>\n<p>(Blue Jasmine;\u00a0Everyone Says I Love You;\u00a0Hannah and Her Sisters;\u00a0Manhattan;\u00a0Whatever Works;\u00a0Caf\u00e9 Society;\u00a0Hollywood Ending; Celebrity)<\/p>\n<h3><strong>Target Groups<\/strong><\/h3>\n<p>My target group is people who want to know more details or who want to change a perspective to movies. Especially movie fans and major person.<\/p>\n<h3 id=\"6e92\" class=\"graf graf--h3 graf-after--li\"><strong class=\"markup--strong markup--h3-strong\">Inspiration<\/strong><\/h3>\n<p id=\"b376\" class=\"graf graf--p graf-after--h3\">For my visualization, I went through various\u00a0dynamic geographic visualizations. For me, dynamic and interactive visualization is only a form for people look at things in an active and vivid way. But because of that, people could create fantastic stories in terms of life\u00a0better.<\/p>\n<ul>\n<li class=\"title\"><a href=\"https:\/\/interaktiv.morgenpost.de\/berlin-marathon-2016\/\">Berlin-Marathon 2016 \u2013 So Schnell l\u00e4uft Ihre Stadt<\/a><\/li>\n<\/ul>\n<p><a href=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/12\/marathon.jpg\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8147\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/12\/marathon.jpg?resize=840%2C462\" alt=\"\" width=\"840\" height=\"462\" \/><\/a><\/p>\n<p class=\"graf graf--p graf-after--h3\">&#8220;How Fast Your City Runs&#8221; is an interactive map for 2016 Berlin Marathon. With this dynamic map, users could follow the Berlin Marathon in time lapse for the first time, and compare the runners. It shows the speed of\u00a035,827 runners that finished the 2016 marathon ran through the city. Each individual runner is animated as a redpoint on the map, using the real running times, the dynamic dots also could be filtered according to\u00a0gender and nationality. In addition, the\u00a0runner can enter their personal best time and track their position on the map, alongside the average for the field. If this application systematically, marathon runners all over the world could track their own growth and do better analysis.<\/p>\n<p class=\"graf graf--p graf-after--h3\">The map is supplemented by an aggregated ranking for runners from a particular Berlin district, German state, or country.[3]<\/p>\n<ul>\n<li class=\"graf graf--p graf-after--h3\"><a href=\"https:\/\/welikia.org\/explore\/mannahatta-map\/\">The Mannahatta Project<\/a><\/li>\n<\/ul>\n<p class=\"graf graf--p graf-after--h3\"><a href=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/12\/mannahatta1.jpg\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8149\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/12\/mannahatta1.jpg?resize=840%2C560\" alt=\"\" width=\"840\" height=\"560\" \/><\/a><\/p>\n<p class=\"graf graf--p graf-after--h3\">Eric Sanderson and his colleagues try to discover the ancient time of NYC. What they did is\u00a0not only georeference the old map into today&#8217;s grid but also try to remove the artifact concrete buildings in this city to find NYC&#8217;s ecological fundamentals. Based on the\u00a0creatures\u00a0and environment need, they create a\u00a0<a class=\"t-d:n hover\/bg:gray-l.5\">data <\/a><a class=\"t-d:n hover\/bg:gray-l.5\">social network, t<\/a><a class=\"t-d:n hover\/bg:gray-l.5\">he network of all the habitat relationships<\/a><a class=\"t-d:n hover\/bg:gray-l.5\">\u00a0<\/a><a class=\"t-d:n hover\/bg:gray-l.5\">of all the plants and animals in Manhattan.\u00a0<\/a><\/p>\n<p class=\"graf graf--p graf-after--h3\"><a href=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/12\/mw-for-web.gif\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8148\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/12\/mw-for-web.gif?resize=800%2C728\" alt=\"\" width=\"800\" height=\"728\" \/><\/a><\/p>\n<p class=\"graf graf--p graf-after--h3\">The Muir Web(name comes from John Muir)<\/p>\n<p class=\"graf graf--p graf-after--h3\">People could compare the old landscape and today without judge which is better but learn from the\u00a0<a class=\"t-d:n hover\/bg:gray-l.5\">sustainability of the past,<\/a>\u00a0<a class=\"t-d:n hover\/bg:gray-l.5\">of the original ecology, of nature with all its parts.<\/a>\u00a0They extend this idea into creating a landscape of 400 years from now, in an ecology way.<\/p>\n<blockquote>\n<p class=\"graf graf--p graf-after--h3\">&#8220;<a class=\"t-d:n hover\/bg:gray-l.5\">habitats for people,<\/a>\u00a0<a class=\"t-d:n hover\/bg:gray-l.5\">and need to supply what people need:<\/a>\u00a0<a class=\"t-d:n hover\/bg:gray-l.5\">a sense of home, food, water, shelter,<\/a><a class=\"t-d:n hover\/bg:gray-l.5\"> reproductive resources, and a sense of meaning.<\/a>\u00a0<a class=\"t-d:n hover\/bg:gray-l.5\">This is the particular additional habitat requirement of humanity.<\/a>\u00a0<a class=\"t-d:n hover\/bg:gray-l.5\">And so many of the talks are about meaning,<\/a>\u00a0<a class=\"t-d:n hover\/bg:gray-l.5\">about bringing meaning to our lives<\/a>\u00a0<a class=\"t-d:n hover\/bg:gray-l.5\">in all kinds of different ways, through technology,<\/a>\u00a0<a class=\"t-d:n hover\/bg:gray-l.5\">through art, through science,<\/a>\u00a0<a class=\"t-d:n hover\/bg:gray-l.5\">so much so that I think we focus so much on<\/a>\u00a0<a class=\"t-d:n hover\/bg:gray-l.5\">that side of our lives, that we <strong>haven&#8217;t given enough<\/strong><\/a><strong>\u00a0<a class=\"t-d:n hover\/bg:gray-l.5\">attention to the food and the water and the shelter,<\/a>\u00a0<a class=\"t-d:n hover\/bg:gray-l.5\">and what we need to raise the kids.<\/a><\/strong>&#8220;[4]<\/p>\n<\/blockquote>\n<p class=\"graf graf--p graf-after--h3\"><a href=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/12\/satellite-mannahatta2409-lowres.jpg\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8150\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/12\/satellite-mannahatta2409-lowres.jpg?resize=840%2C671\" alt=\"\" width=\"840\" height=\"671\" \/><\/a><\/p>\n<p class=\"graf graf--p graf-after--h3\">Mannahatta of 2409<\/p>\n<ul>\n<li class=\"graf graf--p graf-after--h3\"><a href=\"http:\/\/www.digitalattackmap.com\/#anim=1&amp;color=0&amp;country=ALL&amp;list=0&amp;time=16452.4&amp;view=map\">Digital Attack Map<\/a><\/li>\n<\/ul>\n<p><a href=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/12\/Screen-Shot-2017-12-01-at-1.54.38-PM.png\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8152\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/12\/Screen-Shot-2017-12-01-at-1.54.38-PM.png?resize=840%2C486\" alt=\"\" width=\"840\" height=\"486\" \/><\/a><\/p>\n<p>A Distributed Denial of Service (DDoS) attack is an attempt to make an online service unavailable by overwhelming it with traffic from multiple sources. They target a wide variety of important resources, from banks to news websites, and present a major challenge to making sure people can publish and access important information.<a href=\"http:\/\/www.digitalattackmap.com\/understanding-ddos\/.\">[5]<\/a><\/p>\n<p>This map shows DDoS in a worldwide range, people also could track the dynamic map by date, type, and nation&#8230;From various attacks, such as &#8220;CC attacks, SYN attacks, NTP attacks, TCP attacks, DNS attacks, etc.&#8221; Now that DDOS is becoming more and more terrible, NTP attacks are becoming more and more mainstream. This means that per second Attack traffic amplification hundreds of times, such as 1G SYN fragmentation attacks into NTP amplification attacks, it becomes a 200G or more.<\/p>\n<h3 id=\"423e\" class=\"graf graf--h3 graf-after--figure\"><strong class=\"markup--strong markup--h3-strong\">Methods<\/strong><\/h3>\n<p>Firstly,\u00a0I choose a dark color as the base map, and uploaded NYC regions dataset and change the value of color, then I add Movies Location\/ Theatre Location\/ Museum Location and Park Properties. I change the order of different layers(Top-Bottom: Movie Location &#8211; Museum &#8211; Theatre &#8211; Park &#8211; NYC Region). For separate Museum and Theatre, I use black polygons to display Theatre Locations, and white point to show Museum Locations. At first, I want to show the overview of Woody Allen&#8217;s all NYC movie locations. So I colored by movie&#8217;s name, georeference by longitude and latitude, add the label of movie&#8217;s name and apply the auto style. So I get the graph:<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/12\/Screen-Shot-2017-12-01-at-4.48.51-PM.png\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8156\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/12\/Screen-Shot-2017-12-01-at-4.48.51-PM.png?resize=840%2C653\" alt=\"\" width=\"840\" height=\"653\" \/><\/a><\/p>\n<p>Then, I want to divide location by movie and show the dynamic movement of each movie. In this case, I changed style &#8211; aggregation into animated. People could track characters step by step in this way.<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/12\/Screen-Shot-2017-12-01-at-4.34.56-PM.png\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8157\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/12\/Screen-Shot-2017-12-01-at-4.34.56-PM.png?resize=840%2C486\" alt=\"\" width=\"840\" height=\"486\" \/><\/a><\/p>\n<p class=\"graf graf--h3 graf-after--p\">I add Click pop-up to show my movie database&#8217;s data. Give the person who wants to go these places a basic information.<\/p>\n<h3 class=\"graf graf--h3 graf-after--p\"><a href=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/12\/Screen-Shot-2017-12-01-at-3.44.04-PM.png\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8158\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infoshow\/wp-content\/uploads\/sites\/2\/2017\/12\/Screen-Shot-2017-12-01-at-3.44.04-PM.png?resize=840%2C652\" alt=\"\" width=\"840\" height=\"652\" \/><\/a><\/h3>\n<h3 id=\"6787\" class=\"graf graf--h3 graf-after--p\"><strong class=\"markup--strong markup--h3-strong\">Results\/Discussion<\/strong><\/h3>\n<p id=\"4424\" class=\"graf graf--p graf-after--h3\">The visualization can be viewed\u00a0<a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/unicornvwang.carto.com\/builder\/9e1f49f6-777a-4ac8-9cdc-8e05837ccf44\/embed\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">here<\/a>.<\/p>\n<p class=\"graf graf--p graf-after--h3\">It&#8217;s interesting to notice, Woody Allen&#8217;s earlier period of movies, like <em>Manhattan<\/em> and <em>Annie Hall<\/em>, very like to choose midtown of Manhattan as shot space, with lots of overlap with theatres and museums, also parks. Recent films, like <em>Blue Jasmine, Whatever Works, and\u00a0<\/em><em>Caffee Society<\/em>, he is more get the touch to other places, Queens and Bronx, Uptown&#8230;But art places and sightseeing is always his choice.<\/p>\n<h3 class=\"graf graf--p graf-after--h3\">Future Direction<\/h3>\n<p class=\"graf graf--p graf-after--h3\">In a nutshell, Carto is\u00a0easy to use with lots of fun to work with and the pattern is concise. However, I could only show 5 movies title on the label with colors. Also, the database needs clean and with specific longitude and latitude, which is not very convenient for every dataset.<\/p>\n<p class=\"graf graf--p graf-after--h3\">I believe my theatre and museum layers are not good to look and seem a little noisy. And I will probably add more information(such as Specific theatre&#8217;s open and close time) for people who want to visit these places. I want next time use more analysis for different kinds of datasets.<\/p>\n<p>&nbsp;<\/p>\n<p>[1]J\u00e4nicke S, Franzini G, Cheema MF, Scheuermann G. On close and distant reading in digital humanities: A survey and future challenges. Proc. EuroVis, Cagliari, Italy. 2015.<\/p>\n<p>[2]MORETTI F.: Distant reading. Verso, 2013. 2<\/p>\n<p>[3]\u201cBerlin Marathon 2016 \u2013 How Fast Your City Runs.\u201d\u00a0<i>Online Journalism Awards<\/i>, awards.journalists.org\/entries\/berlin-marathon-2016-how-fast-your-city-runs\/.<\/p>\n<p>[4]Erson, Eric. \u201cNew York &#8212; before the City.\u201d\u00a0<i>TED: Ideas worth spreading<\/i>, www.ted.com\/talks\/eric_sanderson_pictures_new_york_before_the_city\/transcript#t-840997.<\/p>\n<p>[5]\u201cWhat is a DDoS Attack?\u201d\u00a0<i>Digital Attack Map<\/i>, www.digitalattackmap.com\/understanding-ddos\/.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction The topic that I chose for this Carto lab is \u2018Woody Allen Love NYC\u2019. The reason why I choose this topic because I saw so many his movies\u00a0shot\u00a0in NYC,\u00a0they may give me the first impression of this city, and even though every movie could tell\u00a0different stories. However, I\u00a0still want to see these place in&hellip;<\/p>\n","protected":false},"author":453,"featured_media":8147,"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":""},"categories":[1],"tags":[],"coauthors":[],"class_list":["post-8122","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-visualization"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paBdcV-270","_links":{"self":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/8122","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/users\/453"}],"replies":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/comments?post=8122"}],"version-history":[{"count":0,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/8122\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media?parent=8122"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/categories?post=8122"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/tags?post=8122"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/coauthors?post=8122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}