Mike Slattery slattery

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.

A demonstration of D3’s vertically-oriented bullet charts, based on this example.

A quick visual reference to every ColorBrewer scale; colors by Cynthia Brewer. Available in CSS and JS format. Click on a palette to log the constituent colors in hexadecimal RGB to the console.

just change out app_name for your purposes

openssl genrsa 2048 > app_name-wildcard.key

openssl req -new -x509 -nodes -sha1 -days 3650 -key app_name-wildcard.key > app_name-wildcard.cert

# Common Name (eg, your name or your server's hostname) []:*.app_name.com

openssl x509 -noout -fingerprint -text &lt; app_name-wildcard.cert &gt; app_name-wildcard.info

	<!--
	The MIT License (MIT)

	Copyright (c) 2013 [email protected]

	Permission is hereby granted, free of charge, to any person obtaining a copy
	of this software and associated documentation files (the "Software"), to deal
	in the Software without restriction, including without limitation the rights
	to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
	copies of the Software, and to permit persons to whom the Software is

	<html>

	<head>

	<title>Swimlane using d3.js</title>

	<script type="text/javascript" src="http://mbostock.github.com/d3/d3.v2.js"></script>

	<script type="text/javascript" src="randomData.js"></script>

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset=utf-8 />
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
	<script src="http://d3js.org/d3.v2.js"></script>
	<link href="styles.css" rel="stylesheet" type="text/css" />
	<title>"Percent complete" bar</title>
	</head>

	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
	<style type="text/css">

	body {
	margin: 40px;
	font: 14px Helvetica Neue;
	}

	var fs = require("fs")
	var ssl_options = {
	key: fs.readFileSync('privatekey.pem'),
	cert: fs.readFileSync('certificate.pem')
	};

	var port = process.env.PORT \|\| 3000;
	var express = require('express');
	var ejs = require('ejs');
	var passport = require('passport')

	# Editor backup files
	*.bak
	*~