{"id":25307,"date":"2021-09-14T13:56:51","date_gmt":"2021-09-14T17:56:51","guid":{"rendered":"https:\/\/studentwork.prattsi.org\/infovis\/?p=25307"},"modified":"2021-09-14T13:56:54","modified_gmt":"2021-09-14T17:56:54","slug":"digital-art-who-what-when-where","status":"publish","type":"post","link":"https:\/\/studentwork.prattsi.org\/infovis\/labs\/digital-art-who-what-when-where\/","title":{"rendered":"Digital Art: Who, What, When, Where"},"content":{"rendered":"\n<h4 class=\"has-text-align-center has-text-color wp-block-heading\" style=\"color:#3d2ca0\"><span style=\"color:#3d2ca0\" class=\"has-inline-color\">What to learn from the evolution of digital art?<\/span><\/h4>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/design-milk.com\/images\/2018\/07\/MORI-Building-museum-9.jpg?resize=840%2C559&#038;ssl=1\" alt=\"\" width=\"840\" height=\"559\" \/><figcaption>MORI Building DIGITAL ART MUSEUM teamLab Borderless, Retrieved from &#8220;The World\u2019s First Digital Art Museum Opens in Tokyo&#8221;, Gregory Han, Design Milk.COM<\/figcaption><\/figure>\n\n\n\n<div style=\"height:38px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Introduction<\/strong><\/h2>\n\n\n\n<h4 class=\"has-text-color wp-block-heading\" style=\"color:#3d2ca0\">What is Digital Art?<\/h4>\n\n\n\n<p>Digital Art is a type of art that is categorized by using digital technology to make or to present art. It can be any form that is digitalized. The term and its scope are hard to pinpoint because of its fluid boundaries through which many possible interpretations of the terminology could happen(Chatel, 2018). For example, it is also known as Computer Art in some countries and industries, where they emphasize computers that play an important role in production or visualization of the art piece. Nowadays, we could probably give a very general categorization of digital art in different art mediums. It includes digital painting, digital photography, digital sculpture, digital installation, video, animations and moving images, internet and networked art, software art and mixed media(Chatel, 2018).<\/p>\n\n\n\n<h4 class=\"has-text-color wp-block-heading\" style=\"color:#3d2ca0\"><strong>Why does it matter to us?<\/strong><\/h4>\n\n\n\n<p>Art is always something I am passionate about, no matter if I am the one to create or I am the one to enjoy someone else\u2019s. It is a pure literacy of human expression and connection. Living in a cyber data world and making design using digital tools and making design decisions informed by data as a UX designer, digital art appeals to me as any unique combination of art, data and technologies. It\u2019s simply the pioneer enabling today&#8217;s UX visual design\/ UI to get here. Understanding the evolution and knowing every important milestone of digital art could shape our view of digital creativity and encourage us to brainstorm the future.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Process<\/strong><\/h2>\n\n\n\n<h4 class=\"has-text-color wp-block-heading\" style=\"color:#3d2ca0\"><strong>Define the Scope<\/strong><\/h4>\n\n\n\n<p>As a part of the tool learning process for the class: information visualization, and given a tight deadline schedule, I decided to cover 7 pieces of digital artwork from the very early phase to now. Each of them should be an iconic work as a technology representation or an art expression.<\/p>\n\n\n\n<h4 class=\"has-text-color wp-block-heading\" style=\"color:#3d2ca0\"><strong>Collect Materials<\/strong><\/h4>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/framemark.vam.ac.uk\/collections\/2009CT0393\/full\/735%2C\/0\/default.jpg?w=840&#038;ssl=1\" alt=\"\" \/><figcaption>Frieder Nake, Homage to Paul Klee, 1965<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/miro.medium.com\/max\/1400\/1%2An9i_atWiryaJDzNn9pWrZA.jpeg?w=840&#038;ssl=1\" alt=\"\" \/><figcaption>Kenneth Knowlton and Leon Harmon, Computer Nude (Studies in Perception I), 1967<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/i.pcmag.com\/imagery\/lineupitems\/04kXnqDfPevAEOG97zuiZ3M.1569507227.fit_lim.size_1600x880.jpg?w=840&#038;ssl=1\" alt=\"\" \/><figcaption>Robert A. Mickelsen, Snakes!, 1993<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.tate.org.uk\/art\/images\/work\/T\/T04\/T04167_10.jpg?w=840&#038;ssl=1\" alt=\"\" \/><figcaption>Harold Cohen, Untitled Computer Drawing, 1982<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/foundyou.online\/uploads\/jodi.90s-net-art-900x450-c.jpg?w=840&#038;ssl=1\" alt=\"\" \/><figcaption>Screenshot of <a href=\"http:\/\/jodi.org\/\">JODI.org<\/a> Homepage<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/movingarchives.files.wordpress.com\/2016\/02\/bild.jpg?w=840\" alt=\"\" \/><figcaption>Allan Kaprow, Hello, 1969<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/whitneymedia.org\/assets\/image\/821678\/large_T_2015_374_1.jpg?w=840&#038;ssl=1\" alt=\"\" \/><figcaption>Alex Dodge, Human-Assisted Simulations of a Universal Will to Become (Simulation 9), 2014<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h4 class=\"has-text-color wp-block-heading\" style=\"color:#3d2ca0\">Select the Tool<\/h4>\n\n\n\n<p>I used <a href=\"https:\/\/timeline.knightlab.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Timeline JS<\/a> developed by Knight Lab to visualize the evolution of digital art with the selected materials. TimelineJS is an open-source tool that enables anyone to build visually rich, interactive timelines. Beginners can create a timeline using nothing more than a Google spreadsheet, like the one we used for the Timeline above. Experts can use their JSON skills to create custom installations, while keeping TimelineJS&#8217;s core functionality (\u201cTimelineJS is an open-source,\u201d n.d.).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/photos.smugmug.com\/photos\/i-SXk5psm\/0\/46fb67ea\/X3\/i-SXk5psm-X3.png?w=840&#038;ssl=1\" alt=\"\" \/><figcaption>Screenshot of Timeline JS Google Sheet Template with Wicky&#8217;s Modification<\/figcaption><\/figure>\n\n\n\n<p>By simply following the Make a Timeline guide on the website, I can easily create my own timeline. Google spreadsheet template will tell you what information is needed to make this timeline, and also, you can get rid of information cells that you don\u2019t need by just deleting the text in the cells. It is very straightforward about the visualization you can do. Images are added by image URL with image format indicated at the end of the URL. Color can be changed by entering # with numbers or syntax naming. The additional organizing feature is the type. You can choose the row of information as a title page or a content page. You can also select the row type as era to make things group together based on era.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Result<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-jetpack-slideshow aligncenter\" data-effect=\"slide\"><div class=\"wp-block-jetpack-slideshow_container swiper-container\"><ul class=\"wp-block-jetpack-slideshow_swiper-wrapper swiper-wrapper\"><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"840\" height=\"418\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-25342\" data-id=\"25342\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.09-PM-1024x509.png?resize=840%2C418&#038;ssl=1\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.09-PM.png?resize=1024%2C509&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.09-PM.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.09-PM.png?resize=768%2C382&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.09-PM.png?resize=1536%2C763&amp;ssl=1 1536w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.09-PM.png?resize=2048%2C1018&amp;ssl=1 2048w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.09-PM.png?resize=800%2C397&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.09-PM.png?resize=362%2C180&amp;ssl=1 362w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.09-PM.png?w=1680 1680w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.09-PM.png?w=2520 2520w\" sizes=\"(max-width: 840px) 100vw, 840px\" \/><\/figure><\/li><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"840\" height=\"418\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-25343\" data-id=\"25343\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.16-PM-1024x509.png?resize=840%2C418&#038;ssl=1\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.16-PM.png?resize=1024%2C509&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.16-PM.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.16-PM.png?resize=768%2C382&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.16-PM.png?resize=1536%2C763&amp;ssl=1 1536w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.16-PM.png?resize=2048%2C1018&amp;ssl=1 2048w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.16-PM.png?resize=800%2C397&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.16-PM.png?resize=362%2C180&amp;ssl=1 362w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.16-PM.png?w=1680 1680w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.16-PM.png?w=2520 2520w\" sizes=\"(max-width: 840px) 100vw, 840px\" \/><\/figure><\/li><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"840\" height=\"418\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-25344\" data-id=\"25344\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.20-PM-1024x509.png?resize=840%2C418&#038;ssl=1\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.20-PM.png?resize=1024%2C509&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.20-PM.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.20-PM.png?resize=768%2C382&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.20-PM.png?resize=1536%2C763&amp;ssl=1 1536w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.20-PM.png?resize=2048%2C1018&amp;ssl=1 2048w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.20-PM.png?resize=800%2C397&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.20-PM.png?resize=362%2C180&amp;ssl=1 362w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.20-PM.png?w=1680 1680w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.20-PM.png?w=2520 2520w\" sizes=\"(max-width: 840px) 100vw, 840px\" \/><\/figure><\/li><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"840\" height=\"418\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-25345\" data-id=\"25345\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.23-PM-1024x509.png?resize=840%2C418&#038;ssl=1\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.23-PM.png?resize=1024%2C509&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.23-PM.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.23-PM.png?resize=768%2C382&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.23-PM.png?resize=1536%2C763&amp;ssl=1 1536w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.23-PM.png?resize=2048%2C1018&amp;ssl=1 2048w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.23-PM.png?resize=800%2C397&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.23-PM.png?resize=362%2C180&amp;ssl=1 362w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.23-PM.png?w=1680 1680w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.23-PM.png?w=2520 2520w\" sizes=\"(max-width: 840px) 100vw, 840px\" \/><\/figure><\/li><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"840\" height=\"418\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-25346\" data-id=\"25346\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.26-PM-1024x509.png?resize=840%2C418&#038;ssl=1\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.26-PM.png?resize=1024%2C509&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.26-PM.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.26-PM.png?resize=768%2C382&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.26-PM.png?resize=1536%2C763&amp;ssl=1 1536w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.26-PM.png?resize=2048%2C1018&amp;ssl=1 2048w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.26-PM.png?resize=800%2C397&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.26-PM.png?resize=362%2C180&amp;ssl=1 362w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.26-PM.png?w=1680 1680w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.26-PM.png?w=2520 2520w\" sizes=\"(max-width: 840px) 100vw, 840px\" \/><\/figure><\/li><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"840\" height=\"418\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-25347\" data-id=\"25347\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.30-PM-1024x509.png?resize=840%2C418&#038;ssl=1\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.30-PM.png?resize=1024%2C509&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.30-PM.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.30-PM.png?resize=768%2C382&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.30-PM.png?resize=1536%2C763&amp;ssl=1 1536w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.30-PM.png?resize=2048%2C1018&amp;ssl=1 2048w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.30-PM.png?resize=800%2C397&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.30-PM.png?resize=362%2C180&amp;ssl=1 362w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.30-PM.png?w=1680 1680w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.30-PM.png?w=2520 2520w\" sizes=\"(max-width: 840px) 100vw, 840px\" \/><\/figure><\/li><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"840\" height=\"418\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-25348\" data-id=\"25348\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.33-PM-1024x509.png?resize=840%2C418&#038;ssl=1\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.33-PM.png?resize=1024%2C509&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.33-PM.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.33-PM.png?resize=768%2C382&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.33-PM.png?resize=1536%2C763&amp;ssl=1 1536w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.33-PM.png?resize=2048%2C1018&amp;ssl=1 2048w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.33-PM.png?resize=800%2C397&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.33-PM.png?resize=362%2C180&amp;ssl=1 362w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.33-PM.png?w=1680 1680w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.33-PM.png?w=2520 2520w\" sizes=\"(max-width: 840px) 100vw, 840px\" \/><\/figure><\/li><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"840\" height=\"418\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-25349\" data-id=\"25349\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.37-PM-1024x509.png?resize=840%2C418&#038;ssl=1\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.37-PM.png?resize=1024%2C509&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.37-PM.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.37-PM.png?resize=768%2C382&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.37-PM.png?resize=1536%2C763&amp;ssl=1 1536w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.37-PM.png?resize=2048%2C1018&amp;ssl=1 2048w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.37-PM.png?resize=800%2C397&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.37-PM.png?resize=362%2C180&amp;ssl=1 362w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.37-PM.png?w=1680 1680w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/Screen-Shot-2021-09-13-at-10.48.37-PM.png?w=2520 2520w\" sizes=\"(max-width: 840px) 100vw, 840px\" \/><\/figure><\/li><\/ul><a class=\"wp-block-jetpack-slideshow_button-prev swiper-button-prev swiper-button-white\" role=\"button\"><\/a><a class=\"wp-block-jetpack-slideshow_button-next swiper-button-next swiper-button-white\" role=\"button\"><\/a><a aria-label=\"Pause Slideshow\" class=\"wp-block-jetpack-slideshow_button-pause\" role=\"button\"><\/a><div class=\"wp-block-jetpack-slideshow_pagination swiper-pagination swiper-pagination-white\"><\/div><\/div><\/div>\n\n\n\n<h5 class=\"has-text-color wp-block-heading\" style=\"color:#322baf\"><a href=\"https:\/\/cdn.knightlab.com\/libs\/timeline3\/latest\/embed\/index.html?source=1LC5u1Biae2q5vM7QG2-Pn123u8PrBa5po8wkJO0Hr5I&amp;font=Default&amp;lang=en&amp;timenav_position=top&amp;initial_zoom=1&amp;height=650\" target=\"_blank\" rel=\"noreferrer noopener\">Timeline (Digital Art: Who, What, When, Where)<\/a><\/h5>\n\n\n\n<p>The final visualization consists of a cover page and 7 timeline events. I chose a digital art installation to highlight the focus on the interaction of today\u2019s digital art on the cover page, which aimed to help people understand the subject matter instantly and look forward to clicking the next page.<br><br>In terms of the design on this timeline, I made it very minimalistic by using only black as the background color and white text, expecting the audience to focus on the content. And I decided to move the timeline bar on top of the slides to act like navigation helping audiences better understand the events from the timeline perspective. They can easily navigate through different events.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Reflection<\/strong><\/h2>\n\n\n\n<p>I have tested this timeline visualization with several friends and received some great feedback and compliments. Despite the limited events I provided, they enjoyed the content and immediately understood the idea from the expression. However, they all showed a certain level of confusion on the cover page. <br><br>The first reason is that the timeline bar was showing right from the beginning, and they couldn\u2019t relate the page as a cover. I can\u2019t agree with them more because I was initially confused when introduced to this tool. Due to the tool limitations, it cannot be fixed now, but I acknowledged this fact and will continue improving in future projects. \u201cI like this video, but is this a digital art?\u201d, this was the second confusion from them, which means that they had a definition of digital art in mind and didn&#8217;t expect to see something that couldn\u2019t relate. However, I think this is my purpose: to tell people that digital art can be anything involved with digital technology, not just a painting done by your iPad. <br><br>Overall, I have learned how to utilize this tool to tell a story through a timeline. I will continue finding more tools to help with information visualization.<\/p>\n\n\n\n<div style=\"height:57px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">References<br><\/h2>\n\n\n\n<h4 class=\"has-text-color wp-block-heading\" style=\"color:#3d2ca0\">Image Sources&nbsp;<\/h4>\n\n\n\n<p><a href=\"https:\/\/www.youtube.com\/embed\/FK3tK9ZlEJo?enablejsapi=1&amp;autoplay=1&amp;loop=1&amp;controls=0&amp;showinfo=0&amp;start=0&amp;playsinline=1&amp;listType=playlist&amp;playlist=FK3tK9ZlEJo&amp;iv_load_policy=3&amp;rel=0&amp;origin=https%3A%2F%2Fborderless.teamlab.art&amp;widgetid=1\" target=\"_blank\" rel=\"noreferrer noopener\">Cover<\/a> | <a href=\"https:\/\/framemark.vam.ac.uk\/collections\/2009CT0393\/full\/735,\/0\/default.jpg\" target=\"_blank\" rel=\"noreferrer noopener\">Slide 1<\/a> | <a href=\"https:\/\/miro.medium.com\/max\/1400\/1*n9i_atWiryaJDzNn9pWrZA.jpeg\" target=\"_blank\" rel=\"noreferrer noopener\">Slide 2<\/a> | <a href=\"https:\/\/movingarchives.files.wordpress.com\/2016\/02\/bild.jpg\" target=\"_blank\" rel=\"noreferrer noopener\">Slide 3<\/a> | <a href=\"https:\/\/www.tate.org.uk\/art\/images\/work\/T\/T04\/T04167_10.jpg\" target=\"_blank\" rel=\"noreferrer noopener\">Slide 4<\/a> | <a href=\"https:\/\/i.pcmag.com\/imagery\/lineupitems\/04kXnqDfPevAEOG97zuiZ3M.1569507227.fit_lim.size_1600x880.jpg\" target=\"_blank\" rel=\"noreferrer noopener\">Slide 5<\/a> | <a href=\"https:\/\/foundyou.online\/uploads\/jodi.90s-net-art-900x450-c.jpg\" target=\"_blank\" rel=\"noreferrer noopener\">Slide 6<\/a> | <a href=\"https:\/\/whitneymedia.org\/assets\/image\/821678\/large_T_2015_374_1.jpg\" target=\"_blank\" rel=\"noreferrer noopener\">Slide 7<\/a><\/p>\n\n\n\n<h4 class=\"has-text-color wp-block-heading\" style=\"color:#3d2ca0\">Research &amp; Inspiration:<\/h4>\n\n\n\n<p>Chatel, Marie. (2018, August 31). <em>What is Digital Art? Definition and Scope of the New Media. <\/em>Medium. <a href=\"https:\/\/medium.com\/digital-art-weekly\/what-is-digital-art-definition-and-scope-of-the-new-media-f645058cfd78\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/medium.com\/digital-art-weekly\/what-is-digital-art-definition-and-scope-of-the-new-media-f645058cfd78<\/a><\/p>\n\n\n\n<p><em>Hommage \u00e0 Paul Klee 13\/9\/65 Nr.2. <\/em>(2009, March 30). V&amp;A Museum. Retrieved September 13, 2021, from <a href=\"https:\/\/collections.vam.ac.uk\/item\/O211685\/hommage-a-paul-klee-13965-print-nake-frieder\/hommage-%C3%A0-paul-klee-13965-print-nake-frieder\/hommage-%C3%A0-paul-klee-13965-print-nake-frieder\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/collections.vam.ac.uk\/item\/O211685\/hommage-a-paul-klee-13965-print-nake-frieder\/hommage-%C3%A0-paul-klee-13965-print-nake-frieder\/hommage-%C3%A0-paul-klee-13965-print-nake-frieder\/<\/a><\/p>\n\n\n\n<p><em>13\/9\/65 Nr. 2 (&#8220;Hommage \u00e0 Paul Klee&#8221;) by Frieder Nake.<\/em> (n.d.). compArt database Digital Art (daDA). Retrieved September 13, 2021, from <a href=\"http:\/\/dada.compart-bremen.de\/item\/artwork\/414\" target=\"_blank\" rel=\"noreferrer noopener\">http:\/\/dada.compart-bremen.de\/item\/artwork\/414<\/a><\/p>\n\n\n\n<p><em>A History of Computer Art<\/em>. (n.d.). V&amp;A Museum. Retrieved September 13, 2021, from <a href=\"http:\/\/www.vam.ac.uk\/content\/articles\/a\/computer-art-history\/\" target=\"_blank\" rel=\"noreferrer noopener\">http:\/\/www.vam.ac.uk\/content\/articles\/a\/computer-art-history\/<\/a><\/p>\n\n\n\n<p><em>Digital Art.<\/em> (n.d.). Tate London. Retrieved September 13, 2021, from <a href=\"https:\/\/www.tate.org.uk\/art\/art-terms\/d\/digital-art\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.tate.org.uk\/art\/art-terms\/d\/digital-art<\/a><\/p>\n\n\n\n<p><em>Untitled Computer Drawing. <\/em>(2004, September). Tate London. Retrieved September 13, 2021, from <a href=\"https:\/\/www.tate.org.uk\/art\/artworks\/cohen-untitled-computer-drawing-t04167\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.tate.org.uk\/art\/artworks\/cohen-untitled-computer-drawing-t04167<\/a><\/p>\n\n\n\n<p>Garcia, Chris. (2016, August 23).<em> HAROLD COHEN AND AARON\u2014A 40-YEAR COLLABORATION. <\/em>Computer History. <a href=\"https:\/\/computerhistory.org\/blog\/harold-cohen-and-aaron-a-40-year-collaboration\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/computerhistory.org\/blog\/harold-cohen-and-aaron-a-40-year-collaboration\/<\/a><\/p>\n\n\n\n<p><em>Allan Kaprow \u00abHello\u00bb<\/em>. (n.d.). Medien Kunst Netz. Retrieved September 13, 2021, from <a href=\"http:\/\/www.medienkunstnetz.de\/works\/hello-kaprow\/\" target=\"_blank\" rel=\"noreferrer noopener\">http:\/\/www.medienkunstnetz.de\/works\/hello-kaprow\/<\/a>&nbsp;<\/p>\n\n\n\n<p>Edwards, Benj. (2018, December 31). <em>Trippy 3D Art From the Early 90s. <\/em>PC Magazine. <a href=\"https:\/\/www.pcmag.com\/news\/trippy-3d-art-from-the-early-90s\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.pcmag.com\/news\/trippy-3d-art-from-the-early-90s<\/a><\/p>\n\n\n\n<p><em>JODI.ORG.<\/em> (n.d.).&nbsp; V2_. Retrieved September 13, 2021, from <a href=\"https:\/\/v2.nl\/archive\/organizations\/jodi.org\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/v2.nl\/archive\/organizations\/jodi.org<\/a><\/p>\n\n\n\n<p><em>Jodi (art collective).<\/em> (2021, February 17). In Wikipedia. <a href=\"https:\/\/en.wikipedia.org\/wiki\/Jodi_(art_collective)\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/en.wikipedia.org\/wiki\/Jodi_(art_collective)<\/a><\/p>\n\n\n\n<p>Chayka, Kyle. (2012, May 10). <em>[#DIGART] JODI Makes Art Online, But Don\u2019t Call Them Net Artists.<\/em> Vice. <a href=\"https:\/\/www.vice.com\/en\/article\/8qmy73\/digart-jodi-makes-art-online-but-don%E2%80%99t-call-them-net-artists\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.vice.com\/en\/article\/8qmy73\/digart-jodi-makes-art-online-but-don%E2%80%99t-call-them-net-artists<\/a><\/p>\n\n\n\n<p><em>Jodi.<\/em> (2019, January 20). Found You. Retrieved September 13, 2021, from <a href=\"https:\/\/foundyou.online\/artists\/jodi\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/foundyou.online\/artists\/jodi<\/a><\/p>\n\n\n\n<p><em>Rule, Instruction, Algorithm: Generative Measures. <\/em>(n.d.). Whitney Museum of American Art. Retrieved September 13, 2021, from <a href=\"https:\/\/whitney.org\/exhibitions\/programmed?section=2&amp;subsection=2#exhibition-artworks\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/whitney.org\/exhibitions\/programmed?section=2&amp;subsection=2#exhibition-artworks<\/a><\/p>\n\n\n\n<p>Timeline JS. (n.d.). Knight Lab. Retrieved September 13, 2021, from <a href=\"https:\/\/timeline.knightlab.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/timeline.knightlab.com\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>What to learn from the evolution of digital art? Introduction What is Digital Art? Digital Art is a type of art that is categorized by using digital technology to make or to present art. It can be any form that is digitalized. The term and its scope are hard to pinpoint because of its fluid&hellip;<\/p>\n","protected":false},"author":3902,"featured_media":25341,"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":[149,339],"tags":[],"coauthors":[1671],"class_list":["post-25307","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-labs","category-timelines"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/MORI-Building-museum-9.jpg?fit=1280%2C853&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paBdcV-6Ab","_links":{"self":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/25307","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\/3902"}],"replies":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/comments?post=25307"}],"version-history":[{"count":27,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/25307\/revisions"}],"predecessor-version":[{"id":25350,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/25307\/revisions\/25350"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media\/25341"}],"wp:attachment":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media?parent=25307"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/categories?post=25307"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/tags?post=25307"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/coauthors?post=25307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}