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.


Comments

Popular posts from this blog

How to remove text and logo OR add Overflow on Android ActionBar using AppCompat on API 8? -

html - How to style widget with post count different than without post count -

url rewriting - How to redirect a http POST with urlrewritefilter -