Gore mygoare

Designed by Stephen Few, a bullet chart “provides a rich display of data in a small space.” A variation on a bar chart, bullet charts compare a given quantitative measure (such as profit or revenue) against qualitative ranges (e.g., poor, satisfactory, good) and related markers (e.g., the same measure a year ago). Layout inspired by Stephen Few. Implementation based on work by Clint Ivy, Jamie Love of N-Squared Software and Jason Davies. The "update" button randomizes the values slightly to demonstrate transitions.

	// Nodejs event listen and emit

	// 不光nodejs, Javascript 本身就有 eventEmitter
	var events = require('events');

	var eventEmitter = new events.EventEmitter();

	var ringBell = function()
	{
	console.log('ring ring ring');

	// clone object without reference
	// http://stackoverflow.com/questions/728360/most-elegant-way-to-clone-a-javascript-object
	function clone(obj) {
	var copy;

	// Handle the 3 simple types, and null or undefined
	if (null == obj \|\| "object" != typeof obj) return obj;

	// Handle Date
	if (obj instanceof Date) {

	var events = require('events');

	function Door(colour) {
	this.colour = colour;
	events.EventEmitter.call(this);

	this.open = function()
	{
	this.emit('open');
	}

	###
	Module dependencies
	###
	require.paths.unshift "#{__dirname}/lib/support/express-csrf/"
	require.paths.unshift "#{__dirname}/lib/support/node_hash/lib/"

	express = require 'express'
	app = module.exports = express.createServer()

	RedisStore = require 'connect-redis'

	<html>
	<head>
	<title>detect node insertion</title>
	<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
	</head>
	<body>
	<style type="text/css">
	@-webkit-keyframes nodeInserted
	{
	0% {width: 100px;}

	$(document).mouseup(function (e)
	{
	var container = $("YOUR CONTAINER SELECTOR");

	if (!container.is(e.target) // if the target of the click isn't the container...
	&& container.has(e.target).length === 0) // ... nor a descendant of the container
	{
	container.hide();
	}
	});

	var WorkspaceRouter = Backbone.Router.extend({
	routes: {
	"help": "help", // #help
	"search/:query": "search", // #search/kiwis
	"search/:query/p:page": "search" // #search/kiwis/p7
	},

	help : function () { },

	search : function () { }

	(function($){

	function Demo(props, settings)
	{
	this.demo = null;

	if (typeof props == 'object')
	{
	settings = props;
	}

	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
	<style type="text/css">
	#line{
	width: 700px;
	margin: 20px 0;
	height: 300px;
	background: #eee;