HTML Canvas Graph Paper

Back in the day, I used to create graph paper on a dot matrix printer…Had a need for graph paper and decided to create a page to generate it for me. This graph paper utility allows for adjustable cell size and cell count.

My son was interested in game development (not computer game–just game) and I created this hex-graph-paper page to help him create maps for his war games.

One of my son’s assignments involved charting a list of coordinates to view a picture. The idea intrigued me and I created this interactive coordinates charter to help him with his homework. It could also be used to create new assignments too–draw a picture, then give someone the list of coordinates. It’s up to them to then recreate the picture using just the coordinates.

Graph Settings
In Pixels
Height:
Width:
In Cells
Count Horizontally:
Count Vertically:
Column Numbers
Show Horizontal Numbers
Show Vertical Numbers
Shade Columns
None
Horizontal
Vertical

Your browser doesn’t support canvas.