jak rysować siatkę za pomocą html5 i (płótno lub svg)

Chcę narysować siatkę, jak pokazano na obrazku, ale całkowicie nie mam pojęcia, od czego zacząć. Powinienem użyćSVG lub powinienem użyćBrezentowy zHTML5 i jak to narysować.
Proszę o to poprowadzić. Chcę, aby ta siatka rysowała na niej prostokąt, okrąg lub inne diagramy, a ja obliczę powierzchnię tego diagramu jak obszar kwadratu.

questionAnswers(4)

yourAnswerToTheQuestion