物联网系统设计工具箱——Dashboard框架Dashing

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

Dashing Quick Start

在这里就引用原文

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

$ gem install dashing

Generate a new project 

$ dashing new sweet_dashboard_project

Change your directory to sweet_dashboard_project and bundle gems

$ bundle

Start the server! 

$ dashing start

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.

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

(转载保留:Dashboard 框架 dashing 入门及浅析)

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.

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