8 ms·
Dashing - A dashboard framework
- szajbus 14y agoWe're using dashing to present some internal information about our company's cashflow. We built a second application (in Rails) that collects data from various sources, stores and transforms it, and then exposes it via API for dashing to use. So in our case, dashing is a neat presentation layer and it serves its role very well.
- zzzzz_ 14y agoBoth of your demos are returning errors...
- pushmatrix 14y agoI was sleeping when I got news of Dashing being at the top :S. Haha. While I work on getting it stable, enjoy this screenshot: http://cl.ly/image/321Y2V361X1r http://cl.ly/image/321Y2V361X1r
- benaston 14y agoLooks great. Wish it used JavaScript instead of CoffeeScript to lower the barrier to entry though.
- thibaut_barrere 14y agoInterestingly for me it's the reverse: using CoffeeScript lowers the barrier to entry :-)
- k__ 14y agodafuq?
- masukomi 14y agoI would not be surprised if spinning up on CoffeeScript was easier for beginners without real JavaScript experience.
- k__ 14y agoyeah, probably. Dunno if it's a good thing, that people start with a transcompiled language...
- thibaut_barrere 14y agoIt was much easier to get started to CoffeeScript for me, and learning it made me much more comfortable with writing JavaScript directly straight after.
- pushmatrix 14y agoYou can still use plain old JavaScript if you want.
- vidarh 14y agoI dislike CoffeeScript as much as the next guy, but the most complicated widget is 35 lines of CoffeeScript, most of which is pretty much identical to what the JS would be. There looks to be less than 100 lines of CoffeeScript outside of the widgets. If there's a project where I can overlook the use of CoffeeScript this is it...
- Ecio78 14y agoCouldnt load the demo on Heroku, probably too few dynos for all the HN traffic...
- jheimark 14y agothis looks lovely. can't wait to use it for internals
- cmdkeen 14y agoThis has made me sad because we're too far down a far uglier, and less functional route at work to change.
- 8ig8 14y agoThis popped up a few months ago. Unfortunately, not much discussion: https://news.ycombinator.com/item?id=4718311 https://news.ycombinator.com/item?id=4718311
- antileet 14y agoWell, maybe you can take a look at another dashboard framework I wrote. It uses PHP, pulls data directly from MySQL and works seamlessly on mobile browsers, tablets. :) http://razorflow.com http://razorflow.com Adding support for Google Analytics and Excel in the next two weeks!
- pushmatrix 14y agoI like it! I think Dashing and Razorflow serve 2 different purposes though. Yours is more of a hands-on & drilldown type dashboard, whereas Dashing is much more optimized for being readonly on a large TV.
- antileet 14y agoActually, we are working on adding support for TV/Kiosk mode where the components update the data regularly, and you aren't limited to showing only one set of components. The dashboard will slowly and automatically cycle through all different components so even if you have more widgets than your screen can handle, it'll still work better than not being able to work at all. The main difference is that Dashing is focusing more on current KPIs and Metrics. While we believe that those are crucially important, sometimes they just aren't enough for people who have data that's too much to get condensed down to a single indicator.
- SwaroopH 14y agoI have been using Razorflow myself and impressed with it so far.
- namenotrequired 14y agoPoints from me even if just for the name alone :) Looks great, wish I could think of a use for it!
- pushmatrix 14y agoHere's some inspiration: http://dash.social-biblio.ca/torontolibrary http://dash.social-biblio.ca/torontolibrary https://github.com/foobugs/foobugs-dashboard#stock-market-dashboard https://github.com/foobugs/foobugs-dashboard#stock-market-da...
- cincinnatus 14y agoDoesn't seem to handle load very well, though normall I guess it wouldn't need to.
- masukomi 14y agoThe demo is probably running on a free heroku instance which means a single thread on an itsy-bitsy EC2 instance. At the top of HN we're talking at least 500 concurrent visitors... on a single thread.
- pushmatrix 14y agoBingo. It's on the free heroku, hence the trouble staying alive. Here's an image of what the demo looks like: http://cl.ly/image/321Y2V361X1r http://cl.ly/image/321Y2V361X1r
- jbrooksuk 14y agoWe wrote our own Dashboard at my current place, but it's nothing as nice as this!
- toddmatthews 14y agoI'm not a rails guy....why does something so cool looking have to be so closely coupled to a rails backend?
- pushmatrix 14y agoNot a rails backend. It's sinatra, so there's WAY less magic going on. A beginner rubyist should be able to grok most of the (tiny) source. That being said, I'm working on decoupling the frontend and backend, which will see implementations in other languages.
- toddmatthews 14y agogiddyup!
- pushmatrix 14y agoHey everyone! Dashing creator here. Thanks for the frontpage :) I have good news for you all. Dashing will be evolving soon to support multiple backends. Already there are ports being written for python, perl, .net, and also better rails integration. Stay tuned! P.S: Sorry for the downtime. Was not expecting frontpage. While I work on getting it stable, enjoy this screenshot: http://cl.ly/image/321Y2V361X1r http://cl.ly/image/321Y2V361X1r
- ollysb 14y agoIt looks really good. We're just about to start building a dashboard so this could be really useful. We're using emberjs though, is it possible to use just the views and the layout code? I'm thinking along the lines of a dashboard bootstrap.
- JohnLBevan 14y agoGreat work - this looks amazing. Do you have a mailing list I can subscribe to to get notification of when the .net version becomes available? Thanks!
- pushmatrix 14y agohttps://github.com/sbarski/dashing.net https://github.com/sbarski/dashing.net
- frankdenbow 14y agoLooks good. I have used geckoboard in the past but would like to customize my own internal dashboard to use this. Kudos for using Sinatra!
- jonahx 14y agoIs batman.js supposed to be an alternative to angular? If so, what advantages does it have?
- robotmay 14y agoIt's pretty well mapped to Rails and has some of the better documentation as far as JS MVC frameworks go. However there were a few problems I found with it, like the view bindings being somewhat slow if you're doing a lot of rapid updates (though that's likely not unique to batman.js).
- pushmatrix 14y agoDisclaimer: I work on the batman.js team It's an alternative to ember, angular, knockout, backbone, and all those other client side MVC frameworks. Its main advantage is that it should be very familiar to a Rails developer. The APIs are very close to what you'd find in Rails, so it should be quick to get into it. Shopify, which is built in RoR, now is completely client-side powered by Batman.js. The project was extracted from that.
- jonahx 14y agohey pushmatrix, thanks for replying. does batman.js have anything like angular's custom directives? are there any other features/advantages a possible adopter should know about besides the similarity to a Rails API? EDIT: or perhaps phrased a slightly different way: why did you guys decide to create this instead of just using angular or one of the other existing options? or was this created before those options existed or had reached a mature state?
- camus 14y agonice , a few glitches here and there but definetly usefull.
- swah 14y agoIt would be interesting if the browser on SmartTVs rendered this properly, then you don't need a PC just for this...
- pushmatrix 14y agoActually it does run on SmartTVs :). All of our displays at Shopify run this way. The browser on SmartTVs really suck, and also don't support 1080p for some reason. Since the tv SDK is html/js, I built a super simple app that can point to any Dashing instance, and even use the remote control to switch between dashboards! Super handy. I will be releasing that functionality soon as a plugin for Dashing.
- DoubleCluster 14y agoExceptionally handsome if you like Windows 8 perhaps. I don't like the big rectangles with bright colors. A good dashboard should be almost invisible until something important happens.
- pushmatrix 14y agoCome on man! Drink the koolaid and jump on the flat design bandwagon :P
- silverbax88 14y agoI love the idea of a dashboard framework but under no circumstances am I going to make it harder on my users by adopting that Live tiles nonsense. Will be glad when that trend quickly runs its course.
- pushmatrix 14y agoGood thing the css is completely customizable :)
- kgosser 14y agoWhat terrible trolling. Just change the CSS template! Gah.
- pestaa 14y agoIs it trolling, though? Why should I see the potential in this dashboarding utility when there are dozens out there understanding the benefits of good visualizations, using proper colors for different situations?
- mnicole 14y agoBecause it takes a few minutes of time you're already going to spend implementing it for a someone to change it?
- davefp 14y ago
- barranger 14y agoWhile I'm sure it looks fantastic on a dedicated monitor/tv, it's lack of a responsive layout limits it's use in my books Looking at something like http://dash.social-biblio.ca/torontolibrary http://dash.social-biblio.ca/torontolibrary on a sub 1080p monitor is less than optimal.
- davefp 14y agoWe experimented with making the default layout responsive, but ultimately decided against it. The thinking was that displaying exactly the same data on a TV, desktop, and mobile device isn't ideal. The dashboard is designed specifically for the display. If a mobile version is needed, then the relevant widgets can easily be put into a new, mobile-optimized dashboard. The same could be achieved with carefully designed media queries, but I feel that separate dashboards do the job better.
- taude 14y agoEveryone complaining about the Flat UI. Isn't the use case for something like this to be displayed on a TV or large monitor around the office anyway? Seems like one place where the flat UI would be OK. I'm not a Win 8 fan by any means, but I think this dashboard looks good. The bright/contrasty colors are exactly what are needed to broadcast metrics across the office.
- pestaa 14y agoBright colors are exactly what are needed when something needs attention. This just yells "look, your most important metric just went up by 0.007%!"
- pstinnett 14y agoFor anyone interested in only the grid/rearranging js behind this: http://gridster.net/ http://gridster.net/
- fidz 14y agoThis is great demo. But i really don't know, do everyone have the same use case? There is so many library that work great in demo, but doesn't suit my use case. I hate to build my own library (if i am able to use existing lib, why creating new?), but i must do this because some library/framework isn't really customizable. The time cost between customizing existing lib and creating new lib is the same, so i prefer to create my own library most of my time.
- pushmatrix 14y agoI've used other dashboards before, and I found that they are really limiting. For the most part it's because you can't customize the look that much, or it's because you're limited to a list of predefined widgets. At Dashing's core, it's just a really simple way to fetch data and send it to the client. What you do with that data, and how you display it is up to you. Hopefully the default layout and widgets act as a good starting point.
- davefp 14y agoI think that you'll find Dashing very flexible. You can fetch whatever data you need, and display it however you like. At its core, Dashing is just a promise that all your data makes it to all your dashboards.
- biznickman 14y agoWhere's documentation of how to use the graph widget?
- davefp 14y agoThe graph widget is based on Rickshaw (http://code.shutterstock.com/rickshaw/ http://code.shutterstock.com/rickshaw/). The current implementation requires you to send an array of hashes with the x and y co-ordinates you want to plot. Here's the example job where you can see it in action: https://github.com/Shopify/dashing/blob/master/templates/project/jobs/convergence.rb https://github.com/Shopify/dashing/blob/master/templates/pro...
- richoffrails 14y agoI don't get it. Why is something at the UI level coupled to a server-side framework?
- szalansky 14y agoMe neither and this is somehow scary. I'd prefer just an UI kit with guidelines for integration with backend.
- pushmatrix 14y agoBecause it is meant to be a full stack framework. Also, it's not really a UI kit. Although it comes with premise widgets and styles, these are just suggestions. The real meat is how the data gets to your widgets, letting you do whatever you want with it. That structure is the core of Dashing. However, there is a decoupled version in the works with the integration guidelines you mention.
- watty 14y agoCheck out Gridster.js then - http://gridsterjs.net http://gridsterjs.net
- joevandyk 14y agoThe server-side code needs to generate the server-sent events. You can probably switch it out easily.
- jalada 14y agoCoincidentally just started using this today. I've got a couple of widgets/jobs I'm hoping to share for re-use. Some on the wiki are out of date e.g. the Twitter ones that don't support Oauth will stop working soon.
- davefp 14y agoPlease do! If you want to add widgets with functionality similar to existing ones, please add details of the difference s to the description (e.g. 'Uses OAuth' for Twitter').
- jmgunn87 14y agothat's awful. css and some javascript? do we really need anymore head-up-arse code junk floating around our heads right now? every five minutes there is a new javascript plugin/distraction that claims to change our lives. When will you people get a life and start solving real problems?
- jmgunn87 14y agofrankenstein coding, glue this sinatra dashboard to you php symfony "instance" and upload to s3. why waste our time? where are the integration points for this and who is really going to use it? Do i pitch this to my boss?
- crcastle 14y agoI did. And he said build it! We did, and employees have commented that they like the daily visibility in to company metrics they previously knew very little about.
- skore 14y agoDashboards! For when you don't know what to put on the screen that users will click away for what they actually want! /s
- okor 14y agoFantastic. Real time server stats with Dashing and a cheap plug computer would be great.