Virtual Graph Paper

I’m a geek. I know this. And it is because of this that I want things like “virtual” graph paper. And I want it online. And in a browser. So, after impatiently shrugging off the first page of Google search, I decided to try my hand at making one of my own using nothing but the fancy new HTML5 canvas and some JavaScript. It’s nothing over-the-top, and I’m sure there are bugs, but I think it’s pretty cool and has great potential for future expansion (saving, shapes, fills, labels, etc). I’ve testing in Chrome and Firefox on my Mac. Safari will presumably work as well. Internet Explorer will not work at all. I’ll probably hack on it more in the future, but for now, here it is: Virtual Graph Paper.

PS – It’s totally “open source”. Just view source to get the code.

This entry was posted in Geek Stuff and tagged , , , , , . Bookmark the permalink.

60 Responses to Virtual Graph Paper

  1. Sean says:

    feature request – instead of lines, I’m looking to click squares and turn them “solid”. Different colors would be great. How’s this for nerdy – I want to use virtual graph paper for designing structures for blockworld style games.

    • Sean says:

      It seems to break after unchecking “Snap to grid”. I was hoping to bump line with to 20 to draw “blocks” on 1/4 scale, but it’s now drawing from origin, then stops. Chrome, FF18.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>