javascript - JS: displaying an infinitely long coordinating system (grid) -

i display infinitely long coordinating system/grid (x , y axes), contains endless amount of square (something divs), using javascript. don't have idea start. seems me hard problem solve. there many factors of don't have idea build them, such as:

• structuring them in html element tree
• using right elements (probably svg elements)
• giving grid fluid scroll
• coordinating loading of each element (if has displayed)

i sure there javascript libraries, can me doing it, don't know of these.

what way start with?

---

here concept of grid:

(y axis) ^ |  |      |      | |--+------+------+--- | e| squre| squre| sq |  |      |      | |--+------+------+--- | e| squre| squre| sq |  |      |      | |--+------+------+--- | e| squre| squre| sq +--------------------> (x axis) 

while in comments said similar graphing, give kineticjs peek. uses canvas's , bit of overkill attempting it's great resource has many uses since you've requested grid, here question on kinetic.js – creating grid , combine like: jquery drag , drop , snap grid in kineticjs or snap grid operation using images,kinetic.js,javascript? snapping you're looking for.