cómo dibujar la cuadrícula usando html5 y (lienzo o svg)

Quiero dibujar una cuadrícula como se muestra en la imagen, pero no tengo ni idea de dónde debería empezar. Debo usarSVG o debo usarLona conHTML5 Y como dibujarlo.
Por favor, guía sobre esto. Quiero que esta cuadrícula dibuje rectángulos, círculos u otros diagramas en ella y calcularé el área de ese diagrama como el área del cuadrado.

Respuestas a la pregunta(4)

Su respuesta a la pregunta