[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"detail-sidebar-cat-0-en-105":3,"doc-seo-654535-105":59,"doc-detail-654535-en":130},{"code":4,"msg":5,"data":6},0,"success",[7,13,18,23,28,33,38,43,48,51,55],{"id":8,"doc_module":4,"doc_module_name":9,"category_name":10,"show_sort_weight":11,"slug":12},1,"Document","Story & Novel",90,"story-novel",{"id":14,"doc_module":4,"doc_module_name":9,"category_name":15,"show_sort_weight":16,"slug":17},2,"Literature",80,"literature",{"id":19,"doc_module":4,"doc_module_name":9,"category_name":20,"show_sort_weight":21,"slug":22},4,"Exam",70,"exam",{"id":24,"doc_module":4,"doc_module_name":9,"category_name":25,"show_sort_weight":26,"slug":27},5,"Comic",60,"comic",{"id":29,"doc_module":4,"doc_module_name":9,"category_name":30,"show_sort_weight":31,"slug":32},6,"Technology",50,"technology",{"id":34,"doc_module":4,"doc_module_name":9,"category_name":35,"show_sort_weight":36,"slug":37},7,"Healthcare",40,"healthcare",{"id":39,"doc_module":4,"doc_module_name":9,"category_name":40,"show_sort_weight":41,"slug":42},8,"Research & Report",30,"research-report",{"id":44,"doc_module":4,"doc_module_name":9,"category_name":45,"show_sort_weight":46,"slug":47},9,"Religion & Spirituality",20,"religion-spirituality",{"id":46,"doc_module":4,"doc_module_name":9,"category_name":49,"show_sort_weight":46,"slug":50},"World Cup","world-cup",{"id":52,"doc_module":4,"doc_module_name":9,"category_name":53,"show_sort_weight":52,"slug":54},10,"Lifestyle","lifestyle",{"id":56,"doc_module":4,"doc_module_name":9,"category_name":57,"show_sort_weight":24,"slug":58},19,"General","general",{"code":4,"msg":60,"data":61},"ok",{"site_id":62,"language":63,"slug":64,"title":65,"keywords":66,"description":67,"schema_data":68,"social_meta":123,"head_meta":125,"extra_data":127,"updated_unix":129},105,"en","data-driven-graphic-design-creative-coding-for-visual-communication","Data-driven Graphic Design - Creative Coding for Visual Communication","","Digital technology has become essential to creative design and visual communication, and the book explains how designers can learn to think critically and creatively about using it. It frames the computer as a data input/output environment that turns information such as numbers, text, images, colors, and sound into dynamic visuals. Programming code is presented as the core mechanism for transmitting, translating, and transforming data, enabling innovative outputs for print and screen. Each chapter pairs conceptual foundations with practical code guidance and design examples.",{"@graph":69,"@context":122},[70,84,105],{"@type":71,"itemListElement":72},"BreadcrumbList",[73,77,79,82],{"item":74,"name":75,"@type":76,"position":8},"https://docshare.wps.com","Home","ListItem",{"item":78,"name":9,"@type":76,"position":14},"https://docshare.wps.com/document/",{"item":80,"name":30,"@type":76,"position":81},"https://docshare.wps.com/document/technology/",3,{"item":83,"name":65,"@type":76,"position":19},"https://docshare.wps.com/document/data-driven-graphic-design-creative-coding-for-visual-communication/654535/",{"url":83,"name":65,"@type":85,"image":86,"author":91,"headline":65,"publisher":94,"fileFormat":97,"inLanguage":63,"description":67,"dateModified":98,"datePublished":99,"encodingFormat":97,"isAccessibleForFree":100,"interactionStatistic":101},"DigitalDocument",{"url":87,"@type":88,"width":89,"height":90},"https://docshare.wps.com/thumbnails/data-driven-graphic-design-creative-coding-for-visual-communication/654535.png","ImageObject",300,407,{"name":92,"@type":93},"I feel Different","Person",{"url":74,"name":95,"@type":96},"DocShare","Organization","application/pdf","2026-10-26","2026-10-25",true,{"@type":102,"interactionType":103,"userInteractionCount":8},"InteractionCounter",{"@type":104},"ViewAction",{"@type":106,"mainEntity":107},"FAQPage",[108,114,118],{"name":109,"@type":110,"acceptedAnswer":111},"How does the book define data-driven creative design with digital technology?","Question",{"text":112,"@type":113},"It treats the computer as a data input/output device that ingests diverse information and outputs it as graphics, images, or animations. This data flow enables dynamically generated visuals that designers can use across visual and graphic contexts.","Answer",{"name":115,"@type":110,"acceptedAnswer":116},"What role does programming code play in the book’s approach?",{"text":117,"@type":113},"Code transmits, translates, and transforms data streams into static and moving visual forms. The book explains how understanding code expands creative design possibilities and practical outcomes.",{"name":119,"@type":110,"acceptedAnswer":120},"How are the chapters structured for both concepts and practice?",{"text":121,"@type":113},"Each chapter outlines how different kinds of data inputs (such as numbers, text, and images) can be harnessed via code to generate creative outputs. The chapter ends with more detailed step-by-step code guidance and practical tools.","https://schema.org",{"og:url":83,"og:type":124,"og:title":65,"og:site_name":95,"og:description":67},"article",{"robots":126,"canonical":83},"index,follow",{"doc_id":128,"site_id":62},654535,1793052201,{"code":4,"msg":5,"data":131},{"doc_id":128,"user_id":132,"nickname":92,"user_avatar":133,"doc_module":4,"category_id":29,"category_name":30,"doc_title":65,"doc_description":67,"doc_content":134,"file_id":135,"file_url":136,"file_type":137,"file_size":138,"view_count":8,"is_deleted":4,"is_public":8,"is_downloadable":8,"audit_status":8,"page_count":139,"language":140,"language_code":63,"site_id":62,"html_lang":63,"table_of_contents":141,"faqs":142,"seo_title":143,"seo_description":67,"update_tm":144,"read_time":145},962093541761,"https://ap-avatar.wpscdn.com/davatar_29158cc5080c5b710cf443261637dec0","CONTENTS  \n\n| INTRODUCTION\u003Cbr>|\n| --- |\n| CHAPTER ONE DESIGNERS AND CODE |\n| The Computer as a Creative Environment Code: Manipulating the Medium Getting Started\u003Cbr>Code: Vocabulary and Instructions\u003Cbr>|\n\nCHAPTER TWO DRAWING WITH NUMBERS  \nNumber Patterns  \nRepetition: Systematic Drawings Complexity from Simplicity Random Drawings  \nDynamic/Generative Drawings Code: Drawing Functions  \nCHAPTER THREE GROWTH AND FORM  \nNature as Inspiration  \nDrawing as Growth  \nOrganic Shapes: Spirals and Waves Complex Mathematical Models  \nDigital Eco-Systems  \nEnvironmental Forces: Gravity, Elasticity Spotlight on Daniel Brown  \nCode: Digital Environments  \nCHAPTER FOUR DYNAMIC TYPOGRAPHY  \nForm and Content  \nMovement and Interactive Type Text as Data Source  \nExternal Data  \nSpotlight on Ariel Malka  \nCode: Computational Typography  \nCHAPTER FIVE SEEING THE WORLD  \nDigital Spaces  \nLarge Screen Projections: Body Movement Small Screen Displays: Digital Mirrors Ways of Seeing  \nSeeing People  \nSeeing Distance and Proximity  \nSpotlight on Theo Watson and Emily Gobeille Code: Seeing the World  \n| CHAPTER SIX LARGE AND LIVE EXTERNAL DATA |\n| --- |\n| The Data-lived Life\u003Cbr>Code as a Data Visualization Tool Data Sources\u003Cbr>Mapping Data\u003Cbr>Mapping Society Spotlight on Jer Thorp\u003Cbr>Code: Getting and Using External Data Conclusion |\n| APPENDIX |\n\nBibliography and Webography Picture Credits  \nIndex  \nAcknowledgments  \nINTRODUCTION  \nDigital technology has become an increasingly important part of creative design and visual communication practice. As the tools and the technology for design change, grow and develop, so the number of opportunities for creative activity increase. In this growing technological environment, it is important that creative artists and designers play an active role in learning how to think about, approach, and use digital technology in order to harness its unique capabilities and characteristics, and push the boundaries of visual expression.  \nRather than use these tools and environments “blindly” or unthinkingly, a critical and creative approach is needed which helps to develop new modes of visual expression and types of visual communication. By approaching digital environment in this open-minded way, everything is “up for grabs,”there are no predefined or prescriptive outcomes, only possibilities: new modes of visual expression to be found and explored. Key to this way of thinking is a creative approach to, and understanding of, the computer as a visually data-driven design tool.  \nAt its heart, the computer is an amazing data “input and output” device; able to pull in huge amounts and types of information, images, colors, numbers, words, sounds etc. from a wide range of input sources (user interaction, file sharing, online connection etc.) , outputting them to the screen as graphics, images, or animations. When coupled with its amazing processing capability, the input-output data flow of the computer makes it a unique “design environment” capable of creating new types of dynamically generated visuals. Dynamic shapes and forms can be generated which can be used within a wide range of visual and graphic design contexts. Using and understanding the technology, being able to think about the uniqueness of  \nthe computer environment, its possibilities and capabilities, opens up a great many creative opportunities to create pieces of work which visually embody the dynamic, flexible, and adaptable characteristics of the digital environment.  \nAn important part of harnessing the processing ability of the computer is programming code. Code is at the heart of the input/output digital world, it is the way through which data is transmitted, translated and transformed from an (“input”) stream of information and output as a variety of static and moving visual forms. Understanding and using code as part of a broader approach to creative digital practice allows designers to engage with the wider potential of the computer as a data-driven devic","cbCaivjRdBhVmpQH","https://ap.wps.com/l/cbCaivjRdBhVmpQH","pdf",24627462,411,"English","# Introduction\n# Chapter One: Designers and Code\n# Chapter Two: Drawing with Numbers\n# Chapter Three: Growth and Form\n# Chapter Four: Dynamic Typography\n# Chapter Five: Seeing the World\n# Chapter Six: Large and Live External Data\n# Appendix","[{\"question\":\"How does the book define data-driven creative design with digital technology?\",\"answer\":\"It treats the computer as a data input/output device that ingests diverse information and outputs it as graphics, images, or animations. This data flow enables dynamically generated visuals that designers can use across visual and graphic contexts.\"},{\"question\":\"What role does programming code play in the book’s approach?\",\"answer\":\"Code transmits, translates, and transforms data streams into static and moving visual forms. The book explains how understanding code expands creative design possibilities and practical outcomes.\"},{\"question\":\"How are the chapters structured for both concepts and practice?\",\"answer\":\"Each chapter outlines how different kinds of data inputs (such as numbers, text, and images) can be harnessed via code to generate creative outputs. The chapter ends with more detailed step-by-step code guidance and practical tools.\"}]","Data-driven Graphic Design - Creative Coding for Visual Communication | PDF",1792924743,1036]