D3 Examples - in response to SFPC assignment & greatartbot on Twitter

Motivation

This project is in response to Ramsey's SFPC homework to choose an image from the Twitter Great Art Bot and write code to create it. The project was meant to be rather thearetical, to try and describe how to create it. But, I thought it would be fun to try and implement. I chose this image because I liked that it looked a bit like rain.

xxxxxxxxxx
 
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Great Art Bot Pixelator</title>
    <link href='https://fonts.googleapis.com/css?family=Arimo' rel='stylesheet' type='text/css'>
      <link rel="stylesheet" href="meyerReset.css">
      <link rel="stylesheet" href="pixelBotBW.css">
      <script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
      <!--[if lt IE 9]>
      <script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
      <![endif]-->
    </head>
    <body>
​
      <h3>For a new image, <span id="refreshButton">click here</span> and wait a few seconds.</h3>
      <section id="box" class="main">
   <!--   <img src="image.png"/> --> 
      </section>
      <p>As part of the School for Poetic Computation, we were challenged to select a pattern from the <a href="https://twitter.com/greatartbot">"Great Art" Twitter bot</a> and describe how to create it in code. This D3 example creates images with a style similar to the original <a href="image.png">image</a> that I chose. Each time you refresh the screen, or click update, you'll see a different variation of the image.</p>
      <!-- call JS files -->
      <script src="pixelBotBW.js"></script>
    </body>
  </html>
    