Gore mygoare

This example demonstrates how to add visible and draggable handles to D3’s d3.svg.brush component, rather than that relying on the invisible boundary of the brush extent. The handle sizes here are exaggerated for demonstration purposes!

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.

	<!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;

	(function($){

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

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

	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 () { }

	$(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();
	}
	});

	<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;}

	###
	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'

	var events = require('events');

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

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

	// 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) {