Animating coordinates js-html?

Question

I'm working on an entry for the Defend The Base challenge. I have been working only on JavaScript so far. I'm almost done with the numbers part.

I have the coordinates of each square in the grid and the coordinates of movement of objects. How do I translate those to something visual?

I want to know what I should look into to translate my js code to html/css. I've seen people use canvas?