title: Which jquery draggable/resizable dashboard template to use
body: <h2><strong>Background</strong></h2>
  
  <p>I'm making a front end interface to display log data. I currently have a table that shows raw data with plenty of operations, a calendar similar to a heat-map and a bar chart displaying aggregated data for any chosen attribute, time period and granularity (using d3). The data size is rather huge so all the actions is done at back-end (literally, all filter/sort etc. is an AJAX call to server side). There should be more graphs to come, in similar fashion.</p>
  
  <h2><strong>Goal</strong></h2>
  
  <p>What I'm trying to have is a dashboard using JQuery for all the graphs and Stats later. I have briefly skimmed through the following options:</p>
  
  <ul>
  <li><a href="https://github.com/uberVU/grid" rel="nofollow" title="GridList">GridList</a></li>
  <li><a href="http://shopify.github.io/dashing/" rel="nofollow">Dashing</a></li>
  <li><p>Gridly (can't insert 2+ links because of reputation...)</p></li>
  <li><p>sDashboard ^</p></li>
  <li>Gridster (According to Gridlist it's no longer in development and thus uncertain reliability?)</li>
  </ul>
  
  <p>The problem is I can't really tell significant difference between all of them or which one fits better, and I have very limited front-end experience (I looked up and learned JS function definition syntax couple days ago). Below is a list of functionalities I would like to achieve ideally:</p>
  
  <ol>
  <li>each widget behaves like a normal DOM object, or as if there were no widgets. So I am still able to manipulate the table and graphs within the widget, sending AJAX calls to one another.</li>
  <li>able to add widgets with custom settings for different graphs, ideally also with user-defined relationship between widgets(I'm thinking about like assigning IDs). So for instance there could be 4 widgets: 2 tables and 2 graphs, and graph A changes accordingly whenever I click on table A, and graph B upon operations on table B. (This sounds tricky, is it doable?) </li>
  </ol>
  
  <p>[<em>Optional Ones</em>]</p>
  
  <ol>
  <li>change the entire board to some preset layout with one click</li>
  <li>option to display a widget in an almost full-screen modal pop-up window fashion for better manipulation</li>
  </ol>
  
  <p>Those are what I can think of so far. Wondering if anyone has done something similar, and what are the pros/cons/limitations for each/any of the mentioned options? Any suggestion is appreciated :)</p>