{"action":"created","issue":{"url":"https://api.github.com/repos/monarch-initiative/phenogrid/issues/22","labels_url":"https://api.github.com/repos/monarch-initiative/phenogrid/issues/22/labels{/name}","comments_url":"https://api.github.com/repos/monarch-initiative/phenogrid/issues/22/comments","events_url":"https://api.github.com/repos/monarch-initiative/phenogrid/issues/22/events","html_url":"https://github.com/monarch-initiative/phenogrid/issues/22","id":48114063,"number":22,"title":"size and scrolling issues & improvements","user":{"login":"nlwashington","id":5124411,"avatar_url":"https://avatars.githubusercontent.com/u/5124411?v=3","gravatar_id":"","url":"https://api.github.com/users/nlwashington","html_url":"https://github.com/nlwashington","followers_url":"https://api.github.com/users/nlwashington/followers","following_url":"https://api.github.com/users/nlwashington/following{/other_user}","gists_url":"https://api.github.com/users/nlwashington/gists{/gist_id}","starred_url":"https://api.github.com/users/nlwashington/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/nlwashington/subscriptions","organizations_url":"https://api.github.com/users/nlwashington/orgs","repos_url":"https://api.github.com/users/nlwashington/repos","events_url":"https://api.github.com/users/nlwashington/events{/privacy}","received_events_url":"https://api.github.com/users/nlwashington/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/monarch-initiative/phenogrid/labels/enhancement","name":"enhancement","color":"84b6eb"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":9,"created_at":"2014-11-07T18:22:41Z","updated_at":"2015-11-20T17:13:54Z","closed_at":null,"body":"i think the overall dispaly and navigation for the phenogrid needs improvement.  while the mini-map is really neat to look at, i find it very difficult to use to navigate around for a few reasons:\r\n\r\n1.  in order to use the mapnav, i first have to click on it to get it to be in focus (not intuitive).  then i try to grab the map and drag it, but the exact shadowing of the box doesn't seem to exactly track my movements.  once i move it at all, the shadow never seems to go back to the top left corner.  this is very frustrating.  therefore, once i use it to navigate, it nolonger reflects where i am. see here:\r\n![before_after_map_nav](https://cloud.githubusercontent.com/assets/5124411/4958106/cfca06ea-66aa-11e4-90c1-d8db62b66931.png)\r\n\r\n2.  i cannot move the list by small increments.  with a traditional scrollbar, i am able to move rows and columns of a grid by one at a time, but this is basically not possible with the map-nav.  even if i could use the mouse scroller or two-fingered scroller on a trackpad or click-and-drag, it would be something.  here's a useful blog on this issue:  http://www.billdwhite.com/wordpress/2014/05/17/d3-scalability-virtual-scrolling-for-large-visualizations/  .  there's also a solution for a click-and-drag (though it isn't perfect):   http://codepen.io/ghiden/pen/EhBpy.  i think the users need this find-grained kind of navigation ability.  this scrollable table has a bar that disappears, and allows me to use arrowkeys too:  http://devforrest.com/examples/table/table.php\r\n\r\n3.  i am unable to resize my viewport to see more rows and columns.  i have a very large screen, yet the phenogrid stays the same size no matter if i resize my browser window.  i would really like to be able to add as many rows or columns as i desire when i resize my screen.  if a dynamic resize based on browser window size isn't possible, then can you allow the user to configure their row/columns, or perhaps zoom in/out?  here's a nice one that has a much larger matrix of information (though it lacks scrollbars): http://bost.ocks.org/mike/miserables/...  this is still very legible even with the tiny font, can we do ours this size as a default?  here's something a bit different, it allows dragging to move around the screen, and a resize bar:  http://linkedjazz.org/network/.  this one has a nice drag selection to zoom in:  http://www.amcharts.com/demos/line-chart-with-scroll-and-zoom/.  \r\n\r\nplease consider these needs when redesigning.\r\n"},"comment":{"url":"https://api.github.com/repos/monarch-initiative/phenogrid/issues/comments/158463187","html_url":"https://github.com/monarch-initiative/phenogrid/issues/22#issuecomment-158463187","issue_url":"https://api.github.com/repos/monarch-initiative/phenogrid/issues/22","id":158463187,"user":{"login":"harryhoch","id":174707,"avatar_url":"https://avatars.githubusercontent.com/u/174707?v=3","gravatar_id":"","url":"https://api.github.com/users/harryhoch","html_url":"https://github.com/harryhoch","followers_url":"https://api.github.com/users/harryhoch/followers","following_url":"https://api.github.com/users/harryhoch/following{/other_user}","gists_url":"https://api.github.com/users/harryhoch/gists{/gist_id}","starred_url":"https://api.github.com/users/harryhoch/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/harryhoch/subscriptions","organizations_url":"https://api.github.com/users/harryhoch/orgs","repos_url":"https://api.github.com/users/harryhoch/repos","events_url":"https://api.github.com/users/harryhoch/events{/privacy}","received_events_url":"https://api.github.com/users/harryhoch/received_events","type":"User","site_admin":false},"created_at":"2015-11-20T17:13:53Z","updated_at":"2015-11-20T17:13:53Z","body":"@yuanzhou - nice! Thanks!\r\n"}}