{"id":1326,"date":"2022-01-20T11:49:09","date_gmt":"2022-01-20T11:49:09","guid":{"rendered":"https:\/\/csee.bangor.ac.uk\/?p=1326"},"modified":"2022-01-20T11:49:09","modified_gmt":"2022-01-20T11:49:09","slug":"string-art-inspired-rainbow-graphics","status":"publish","type":"post","link":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/20\/string-art-inspired-rainbow-graphics\/","title":{"rendered":"String-art inspired rainbow graphics"},"content":{"rendered":"\n\n\n\n code { background-color: rgba(0,0,0,.05); }\n .linenums { color: #aaa; }\n .linenums li {\n list-style-type: decimal !important;\n font-size: 12pt;\n margin-top: 0px;\n }\n .linenums li:nth-child(even) { background: transparent !important; }\n .wp-block-image { text-align: center !important; }\n .wp-block-image img { display: inline; }\n\n\n\n\n\n

These activities are inspired by string-art. Pins are placed on a cork board, and strings can be strung from the pins to create artwork. We will create some simple line art patterns, using Processing.org language, and explore transparency.<\/p>\n\n\n\n

The activities develop from previous ones. So take a look at the following activities:<\/p>\n\n\n\n

  1. The activity to make a quick sketch before you code<\/a>, introduces the Critical Thinking Sheet. You can find a copy of the CTS sheet here<\/a>.<\/li>
  2. Hue Saturation Brightness<\/a> activity.<\/li>
  3. The introduction to processing activity.<\/a><\/li><\/ol>\n\n\n\n

    Activity 1. Sketch and plan the picture<\/h2>\n\n\n\n

    The first task is to think and plan what will be created. We need to think about the page, and how we will lay the lines on the page. <\/p>\n\n\n\n

    Let us have a 500 by 500 grid. The square grid is convenient for our purpose, as it is a convenient size to think about the coordinate space. We can make the whole page larger by 10, so to give a white border around the line art.<\/p>\n\n\n\n

    Now complete the other parts of the Critical Thinking Sheet.<\/p>\n\n\n\n

    \"Critical<\/figure>
    \n
    1. If you have not done so already: print out the Critical Thinking Sheet<\/a>. Complete the problem, name and add today\u2019s date, and explain the challenge part \u2460 <\/li>
    2. In panel \u2461 make a sketch of the problem output, and annotate the diagram.<\/li>
    3. In panel \u2462 you can explain the main components of the system. In this challenge there are three main aspects: (i) the size of the page, (ii) the appearance and colours of the lines and (iii) the x,y locations of the start and end points of the lines.<\/li>
    4. In panel \u2463 we can now explain the process (algorithm).<\/li>
    5. Finally, consider what to do next. Definitely we need to think more about the colour model (HSB).<\/li><\/ol>\n<\/div><\/div>\n\n\n\n

      Activity 2. Setup the page, and draw several horizontal lines<\/h2>\n\n\n\n

      The first stage is to setup the grid size, and plot some horizontal lines.<\/p>\n\n\n\n

      The size of the page is easy to choose size(520, 520); as we need to have some space around it for the white border. But as we are dealing with lines, let us also choose the width of the line stroke to be 5 (so it looks a little wider) and set the rendering to smooth.<\/p>\n\n\n\n

      Top tip.<\/span>
      Sketch – even if it seems simple!

      While it may seem so simple,<\/span>
      that we don’t need to
      sketch the ideas, <\/span><\/em><\/strong>
      the act of sketching<\/span><\/em><\/strong> helps us to think
      what we are about to achieve.<\/span><\/em><\/strong>
      <\/p><\/blockquote><\/figure>\n\n\n\n

      size(520, 520);\nbackground(255);\nstrokeWeight(5);\nsmooth();<\/code><\/pre>\n\n\n\n
      For convenience, let us setup a variable called myMax, that will hold the quantity of lines. Then we can use this when we setup the colour mode.<\/p>\n\n\n\n
      int myMax = 25;<\/code><\/pre>\n\n\n\n
      Now setup the colourMode. Let us use the HSB colour mode, as it is easier to go through the rainbow colour spectrum. Also we will set each of the other parameters to 100, so that we can think of the values in terms of percentages.<\/p>\n\n\n\n
      colorMode(HSB,myMax,100,100,100);<\/code><\/pre>\n\n\n\n
      Thinking that every value is out of 100 is convenient, so let us prepare a useful multiplier, based on the size of the grid.<\/p>\n\n\n\n
      float myMult = 500\/myMax;<\/code><\/pre>\n\n\n\n
      \"Line
      Line art example, screenshot showing horizontal lines<\/figcaption><\/figure><\/div>\n\n\n\n
      Now we can draw the horizontal lines. We need one for loop, to achieve our goal. The loop variable controls the y value. The x value is constant, as we have a horizontal line. So we will draw a line from (0, loop-variable*myMult)<\/code> to (500, loop-variable*myMult)<\/code>. In other words, the myMult<\/code> variable scales the loop variable such that the coordinate positions appear in our 500<\/code> by 500<\/code> grid.<\/p>\n\n\n\n
      for (int i = 0; i <= myMax; i ++) {\n    stroke(i,100,100,100);\n    line(0,i*myMult,500,i*myMult);\n}<\/code><\/pre>\n\n\n\n
      Activity 3. Create a grid, by adapting the previous activity, and investigate transparency<\/h2>\n\n\n\n
      Now adapt the set of lines, so to create a grid of lines. And also by increasing the strokeWeight<\/code> of the lines (making them appear wider).<\/p>\n\n\n\n
      \"Line
      Line art; showing horizontal and vertical lines in a grid<\/figcaption><\/figure><\/div>\n\n\n\n
      Now change the transparency value, to (say) 40%, as stroke(i,100,100,40); <\/code> This will mean that when the lines fall on top of each other the colours will add together to create darker colours.<\/p>\n\n\n\n
      \"Line
      Line art, with transparent horizontal and vertical lines<\/figcaption><\/figure><\/div>\n\n\n\n
      Now, explore different line weights,  quantities and positions.<\/p>\n\n\n\n
      Activity 4. Diagonal lines<\/h2>\n\n\n\n
      By changing the orientation of the lines, we can now create different pictures. <\/p>\n\n\n\n
      For example. Try creating a set of 100 lines diagonally. We can keep the same for loop, just create a set of 50 lines to the centre, and then another 50 lines to the end.<\/p>\n\n\n\n
      Top Tip.<\/span>
      Make your coding life easy!

      1) easy to read variable names
      2) memorable names
      3) keep values understandable, e.g., use percents
      4) comment code. <\/span><\/p><\/blockquote><\/figure>\n\n\n\n
      line(0,i*myMult,i*myMult,0);\nline(500,i*myMult,i*myMult,500);<\/code><\/pre>\n\n\n\n
      In this case, we have set strokeWeight<\/code>(20), and the colour to be the loop variable, and its transparency of to be a value of 40 (which means 40 out of the 100 that we have previously set in the colorMode setup).<\/p>\n\n\n\n
      stroke(i,100,100,40);<\/code><\/pre>\n\n\n\n
      \"Line
      Line art, showing lines of varying hue and semi transparent<\/figcaption><\/figure>\n\n\n\n
      Activity 5. Incrementing diagonal lines<\/h2>\n\n\n\n
      Finally create a set of lines that increment across both the x and the y axis. This will create incrementing diagonal lines. So for instance, with 40 lines, transparency set to 30, with the strokeWeight<\/code> of  30.<\/p>\n\n\n\n
      \"Line
      Line art example, showing semi transparent lines that are incrementing in both x and y direction<\/figcaption><\/figure>\n\n\n\n
      And finally you can also add the reverse lines, as shown below:<\/p>\n\n\n\n
      \"Line
      Line art example, showing incrementing lines on x and y axis and y and x axis<\/figcaption><\/figure>\n\n\n\n
      By changing the values (increasing the quantity of lines to 200, selecting transparency to be very low, e.g., 3, stroke weight to 2) different versions can be created.<\/p>\n\n\n\n
      \"Line
      Line art example, showing diagonal lines and a subtle colour map<\/figcaption><\/figure>\n\n\n\n
      Go further<\/h2>\n\n\n\n
      Have a look on the internet for other line-art examples. Get inspired by those examples and try to recreate them. For example, have a go at the following:<\/p>\n\n\n\n
      1. instead of using coordinates from external points on a square, you could do them from internal points.<\/li>
      2. try creating them from random points<\/li>
      3. try to plot them around a circle.<\/li><\/ol>\n\n\n\n
        <\/p>\n","protected":false},"excerpt":{"rendered":"
        Create line art in processing, based on a 500×500 grid. Explore transparency effects.<\/p>\n","protected":false},"author":2,"featured_media":1334,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,7,16,17],"tags":[36,44,57,65,80,81,88,99,102,103,107,128],"yoast_head":"\nString-art inspired rainbow graphics - Project Rainbow<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/20\/string-art-inspired-rainbow-graphics\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"String-art inspired rainbow graphics - Project Rainbow\" \/>\n<meta property=\"og:description\" content=\"Create line art in processing, based on a 500x500 grid. Explore transparency effects.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/20\/string-art-inspired-rainbow-graphics\/\" \/>\n<meta property=\"og:site_name\" content=\"Project Rainbow\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-20T11:49:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/line-art-set-of-diagonal-lines-transparent.png\" \/>\n\t<meta property=\"og:image:width\" content=\"632\" \/>\n\t<meta property=\"og:image:height\" content=\"654\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"projectrainbow\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"projectrainbow\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/20\/string-art-inspired-rainbow-graphics\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/20\/string-art-inspired-rainbow-graphics\/\"},\"author\":{\"name\":\"projectrainbow\",\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#\/schema\/person\/fa50357aa55dc7c9e38a6114bf64f1f6\"},\"headline\":\"String-art inspired rainbow graphics\",\"datePublished\":\"2022-01-20T11:49:09+00:00\",\"dateModified\":\"2022-01-20T11:49:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/20\/string-art-inspired-rainbow-graphics\/\"},\"wordCount\":994,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#organization\"},\"image\":{\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/20\/string-art-inspired-rainbow-graphics\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/line-art-set-of-diagonal-lines-transparent.png\",\"keywords\":[\"colour\",\"coloured lines\",\"for loop\",\"horizontal lines\",\"line art\",\"line-art\",\"pattern\",\"processing\",\"project\",\"project rainbow\",\"rainbow\",\"vertical lines\"],\"articleSection\":[\"Beginner\",\"Colours\",\"Processing\",\"Project Rainbow\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/20\/string-art-inspired-rainbow-graphics\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/20\/string-art-inspired-rainbow-graphics\/\",\"url\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/20\/string-art-inspired-rainbow-graphics\/\",\"name\":\"String-art inspired rainbow graphics - Project Rainbow\",\"isPartOf\":{\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/20\/string-art-inspired-rainbow-graphics\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/20\/string-art-inspired-rainbow-graphics\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/line-art-set-of-diagonal-lines-transparent.png\",\"datePublished\":\"2022-01-20T11:49:09+00:00\",\"dateModified\":\"2022-01-20T11:49:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/20\/string-art-inspired-rainbow-graphics\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/20\/string-art-inspired-rainbow-graphics\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/20\/string-art-inspired-rainbow-graphics\/#primaryimage\",\"url\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/line-art-set-of-diagonal-lines-transparent.png\",\"contentUrl\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/line-art-set-of-diagonal-lines-transparent.png\",\"width\":632,\"height\":654,\"caption\":\"Line art, showing lines of varying hue and semi transparent\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/20\/string-art-inspired-rainbow-graphics\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"String-art inspired rainbow graphics\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#website\",\"url\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/\",\"name\":\"Project Rainbow\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#organization\",\"name\":\"Project Rainbow\",\"url\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2020\/05\/bangor_logo_c1_flush.png\",\"contentUrl\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2020\/05\/bangor_logo_c1_flush.png\",\"width\":3356,\"height\":958,\"caption\":\"Project Rainbow\"},\"image\":{\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#\/schema\/person\/fa50357aa55dc7c9e38a6114bf64f1f6\",\"name\":\"projectrainbow\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/221f8a462bd270b3db788cf44a3c1757?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/221f8a462bd270b3db788cf44a3c1757?s=96&d=mm&r=g\",\"caption\":\"projectrainbow\"},\"url\":\"https:\/\/csee.bangor.ac.uk\/projectrainbow\/author\/projectrainbow\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"String-art inspired rainbow graphics - Project Rainbow","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/20\/string-art-inspired-rainbow-graphics\/","og_locale":"en_US","og_type":"article","og_title":"String-art inspired rainbow graphics - Project Rainbow","og_description":"Create line art in processing, based on a 500x500 grid. Explore transparency effects.","og_url":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/20\/string-art-inspired-rainbow-graphics\/","og_site_name":"Project Rainbow","article_published_time":"2022-01-20T11:49:09+00:00","og_image":[{"width":632,"height":654,"url":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/line-art-set-of-diagonal-lines-transparent.png","type":"image\/png"}],"author":"projectrainbow","twitter_card":"summary_large_image","twitter_misc":{"Written by":"projectrainbow","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/20\/string-art-inspired-rainbow-graphics\/#article","isPartOf":{"@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/20\/string-art-inspired-rainbow-graphics\/"},"author":{"name":"projectrainbow","@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#\/schema\/person\/fa50357aa55dc7c9e38a6114bf64f1f6"},"headline":"String-art inspired rainbow graphics","datePublished":"2022-01-20T11:49:09+00:00","dateModified":"2022-01-20T11:49:09+00:00","mainEntityOfPage":{"@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/20\/string-art-inspired-rainbow-graphics\/"},"wordCount":994,"commentCount":0,"publisher":{"@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#organization"},"image":{"@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/20\/string-art-inspired-rainbow-graphics\/#primaryimage"},"thumbnailUrl":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/line-art-set-of-diagonal-lines-transparent.png","keywords":["colour","coloured lines","for loop","horizontal lines","line art","line-art","pattern","processing","project","project rainbow","rainbow","vertical lines"],"articleSection":["Beginner","Colours","Processing","Project Rainbow"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/20\/string-art-inspired-rainbow-graphics\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/20\/string-art-inspired-rainbow-graphics\/","url":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/20\/string-art-inspired-rainbow-graphics\/","name":"String-art inspired rainbow graphics - Project Rainbow","isPartOf":{"@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#website"},"primaryImageOfPage":{"@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/20\/string-art-inspired-rainbow-graphics\/#primaryimage"},"image":{"@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/20\/string-art-inspired-rainbow-graphics\/#primaryimage"},"thumbnailUrl":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/line-art-set-of-diagonal-lines-transparent.png","datePublished":"2022-01-20T11:49:09+00:00","dateModified":"2022-01-20T11:49:09+00:00","breadcrumb":{"@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/20\/string-art-inspired-rainbow-graphics\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/20\/string-art-inspired-rainbow-graphics\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/20\/string-art-inspired-rainbow-graphics\/#primaryimage","url":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/line-art-set-of-diagonal-lines-transparent.png","contentUrl":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2022\/01\/line-art-set-of-diagonal-lines-transparent.png","width":632,"height":654,"caption":"Line art, showing lines of varying hue and semi transparent"},{"@type":"BreadcrumbList","@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/2022\/01\/20\/string-art-inspired-rainbow-graphics\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/"},{"@type":"ListItem","position":2,"name":"String-art inspired rainbow graphics"}]},{"@type":"WebSite","@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#website","url":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/","name":"Project Rainbow","description":"","publisher":{"@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#organization","name":"Project Rainbow","url":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#\/schema\/logo\/image\/","url":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2020\/05\/bangor_logo_c1_flush.png","contentUrl":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-content\/uploads\/sites\/2\/2020\/05\/bangor_logo_c1_flush.png","width":3356,"height":958,"caption":"Project Rainbow"},"image":{"@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#\/schema\/person\/fa50357aa55dc7c9e38a6114bf64f1f6","name":"projectrainbow","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/221f8a462bd270b3db788cf44a3c1757?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/221f8a462bd270b3db788cf44a3c1757?s=96&d=mm&r=g","caption":"projectrainbow"},"url":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/author\/projectrainbow\/"}]}},"_links":{"self":[{"href":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-json\/wp\/v2\/posts\/1326"}],"collection":[{"href":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-json\/wp\/v2\/comments?post=1326"}],"version-history":[{"count":0,"href":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-json\/wp\/v2\/posts\/1326\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-json\/wp\/v2\/media\/1334"}],"wp:attachment":[{"href":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-json\/wp\/v2\/media?parent=1326"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-json\/wp\/v2\/categories?post=1326"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/csee.bangor.ac.uk\/projectrainbow\/wp-json\/wp\/v2\/tags?post=1326"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}