Graphsy Update: The Snappy Grid
Added some more functionality to Graphsy. This time it’s an adjustable grid as well as the ability to snap to it when laying out shapes and edges. Users can set the number of column in the grid and Graphsy will create as many rows as necessary to make sure each grid cell is a square. Users can set a value between 1 and 100. The grid adjusts through all of the different zoom levels and is saved with each project.
The grid itself is rendered using ImageMagick on the backend. I experimented with using HTML elements first and, while the grid would pop-up faster, once it was on screen its presence slowed down all other operations significantly. Therefore I decided to go with a rendered grid. While it may take a bit for it to come up, once it does, it will be cached and the next time should be displayed faster.
Next update will contain more layout features. Next time shapes and lines will snap into place based on objects already part of the project.