How to display the coordinate grid in HTML ?

Question

Is there any way to display the coordinate grid in HTML or CSS to help me when I draw using SVG; Is it at all possible?

Answer 1

Thank you so much for your help. visph

Answer 2

You can use this one, done with SVG:
https://code.sololearn.com/Wsv75Hj7tUH3/?ref=app

Not displaying coordinates (harder/longer work to done), only grid lines (ligther: every 10 units, dashed: every 50 units, darker: every 100 units)... but covering the SVG viewport and compatible with use of viewBox / preserveAspectRatio attribute (defaulting to value wich you should delete if you want to change or erase the actual width and height attribute values. Anyway you should be advised to check at least the two links above before playing with viewBox / preserveAspectRatio attributes to understand their behavior)

https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/viewBox
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/preserveAspectRatio