Which jquery draggable/resizable dashboard template to use -
background
i'm making front end interface display log data. have table shows raw data plenty of operations, calendar similar heat-map , bar chart displaying aggregated data chosen attribute, time period , granularity (using d3). data size rather huge actions done @ back-end (literally, filter/sort etc. ajax call server side). there should more graphs come, in similar fashion.
goal
what i'm trying have dashboard using jquery graphs , stats later. have briefly skimmed through following options:
- gridlist
- dashing
gridly (can't insert 2+ links because of reputation...)
sdashboard ^
- gridster (according gridlist it's no longer in development , uncertain reliability?)
the problem can't tell significant difference between of them or 1 fits better, , have limited front-end experience (i looked , learned js function definition syntax couple days ago). below list of functionalities achieve ideally:
- each widget behaves normal dom object, or if there no widgets. still able manipulate table , graphs within widget, sending ajax calls 1 another.
- able add widgets custom settings different graphs, ideally user-defined relationship between widgets(i'm thinking assigning ids). instance there 4 widgets: 2 tables , 2 graphs, , graph changes accordingly whenever click on table a, , graph b upon operations on table b. (this sounds tricky, doable?)
[optional ones]
- change entire board preset layout 1 click
- option display widget in full-screen modal pop-up window fashion better manipulation
those can think of far. wondering if has done similar, , pros/cons/limitations each/any of mentioned options? suggestion appreciated :)
why build yourself? use elk instead (elastica, log stash, kibana).
it built , need -- unless you're logging database. if are, may god have mercy on soul (and poor dbms).
here tutorial digitalocean instructions set up: https://www.digitalocean.com/community/tutorials/how-to-install-elasticsearch-logstash-and-kibana-4-on-ubuntu-14-04
anyway...
disclaimer - contribute dashing project , heavily biased.
answers list:
- all elements on html page "normal dom objects" can manipulated , don't understand how relates ajax whatsoever. can run ajax requests web page, long request made same domain or domain has cors header (otherwise run xss issues)
- dashing doesn't support widgets interacting other widgets out of box, still code up. sounds complicated , advise against it.
- in dashing, have more 1 dashboard , link each of them different layouts. each dashboard has it's own erb template renders different html based on http route requested.
- modern browsers support fullscreen api, used make widget go fullscreen.
Comments
Post a Comment