Aaron Kyle Dennis aaronkyle

A reusable d3 donut chart inspired by Reuseable Charts article. I use Donut Chart as an example. A chart can be re-rendered new data with transition. Code to smoothly re-render is from http://jsfiddle.net/qwTFN.

This example can be view on bl.ocks.org.

	.d3-slider {
	position: relative;
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
	border: 1px solid #aaaaaa;
	z-index: 2;
	}

	.d3-slider-horizontal {
	height: .8em;

	.d3-slider {
	position: relative;
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
	border: 1px solid #aaaaaa;
	z-index: 2;
	}

	.d3-slider-horizontal {
	height: .8em;

	<!-- Bostock's slider brush: http://bl.ocks.org/mbostock/6452972-->
	<!DOCTYPE html>
	<meta charset="utf-8">
	<head>
	<link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" href="slider.css">
	</head>
	<body>
	<p>Adapted from Bostock's <a href="http://bl.ocks.org/mbostock/6452972">slider example</a></p>
	<script src="http://d3js.org/d3.v3.min.js"></script>

	.DS_Store
	.idea