title: How to draw grid using HTML5 and canvas or SVG
body: <p>I want to draw a grid as shown in the image but I totally don't have any idea where to begin.</p>
  <p>Should I use <strong>SVG</strong> or should I use <strong>Canvas</strong> with <strong>HTML5</strong> and how do I draw on it?</p>
  <p>I want this grid to draw rectangle, circle or other diagrams on it and I will calculate the area of that diagram like area of a square.</p>
  <p><img src="https://i.stack.imgur.com/f6vGv.png" alt="grid" /></p>