Dashboard的原义是仪表盘，作为一个查看的工具来说这个名字还算不错。 Dashing是一个不错的Dashboard框架，原文的意思是The exceptionally handsome dashboard framework.

Dashing Quick Start

在这里就引用原文

1. Install the gem from the command line. Make sure you have Ruby 1.9+

   $ gem install dashing
   

2. Generate a new project

   $ dashing new sweet_dashboard_project
   

3. Change your directory to sweet_dashboard_project and bundle gems

   $ bundle
   

4. Start the server!

   $ dashing start
   

5. Point your browser at localhost:3030 and have fun!

Dashing 浅析

前端相关

• jQuery
• jQuery.knob.js
• D3.js
• rickshaw.js
• jQuery.gridster.js
• jQuery.leanModal.js
• Batman.js
• batman.jquery.js
• es5-shim.js

后端

• Sinatra

其它相关

• SCSS
• coffeescript
• Ruby

框架简介

Rickshaw.js

JavaScript toolkit for creating interactive real-time graphs.

jQuery.leanModal.js

a JQuery modal plugin that works with your CSS.Bare bones modal dialog windows.

一个类似于fancybox的弹出框，从当前来看没有fancybox强大。

jQuery.gridster.js

Gridster is a jQuery plugin that allows building intuitive draggable layouts from elements spanning multiple columns.

有点类似于华容道当然比这个还强大，可以自动检测和优化布局还是不错的，让我先想起的确是七角板。

D3.js

D3.js is a JavaScript library for manipulating documents based on data.

一个很优秀的可视化图形框架。

Batman.js

A client-side framework for Rails developers.

If you love Ruby on Rails, batman.js is the best, most familiar way to build rich web apps in CoffeeScript.

es5-shim

ECMAScript 5 compatibility shims for legacy JavaScript engines.

jQuery.knob.js

Nice, downward compatible, touchable, jQuery dial.

一个类似于进度条百分比的圆环。

依赖库

• addressable (2.3.5)
• atomic (1.1.14)
• backports (3.5.0)
• buftok (0.2.0)
• bundler (1.5.3)
• coffee-script (2.2.0)
• coffee-script-source (1.7.0)
• daemons (1.1.9)
• dashing (1.3.2)
• equalizer (0.0.9)
• eventmachine (1.0.3)
• execjs (2.0.2)
• faraday (0.9.0)
• hike (1.2.3)
• http (0.5.0)
• http_parser.rb (0.6.0)
• json (1.8.1)
• memoizable (0.4.0)
• multi_json (1.8.4)
• multipart-post (2.0.0)
• naught (1.0.0)
• rack (1.5.2)
• rack-protection (1.5.2)
• rack-test (0.6.2)
• rufus-scheduler (2.0.24)
• sass (3.2.14)
• simple_oauth (0.2.0)
• sinatra (1.4.4)
• sinatra-contrib (1.4.2)
• sprockets (2.10.1)
• thin (1.6.1)
• thor (0.18.1)
• thread_safe (0.1.3)
• tilt (1.4.1)
• twitter (5.7.0)
• tzinfo (1.1.0)