title: Processing JS Embedding Issue
body: <p>I created a processing JS code in an external IDE from my HTML and I want to put it on my HTML page. I went through many tutorials but I could not figure out why I have the following problem.</p>
  
  <p>My 600x600 project should look like this:
  <a href="https://i.stack.imgur.com/am4Ku.png" rel="nofollow noreferrer">Working</a></p>
  
  <p>When I embed it on my website it looks like this:
  <a href="https://i.stack.imgur.com/HEQjy.png" rel="nofollow noreferrer">Not Working</a></p>
  
  <p>This is my HTML:</p>
  
  <pre><code>&lt;HTML&gt;
  &lt;head&gt;
  
      &lt;link rel="stylesheet" type="text/css" href="https://mhs-robotics.com/style/point-counter.css"&gt;
      &lt;script type="text/javascript" src="https://mhs-robotics.com/java/processing.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;center&gt;
          &lt;canvas id="can" width="10px" height="10px" data-processing-sources="https://mhs-robotics.com/java/counter.pde"&gt;&lt;/canvas&gt;
      &lt;/center&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>This is my CSS:</p>
  
  <pre><code>#can {
  width: 600px;
  hight: 600px;
  margin: auto;
  border: 5px solid black;
  </code></pre>
  
  <p>}</p>