Robert Harris trebor

	date	close
	1-May-12	58.13
	30-Apr-12	53.98
	27-Apr-12	67.00
	26-Apr-12	89.70
	25-Apr-12	99.00
	24-Apr-12	130.28
	23-Apr-12	166.70
	20-Apr-12	234.98
	19-Apr-12	345.44

This example is a slight modification from Mike Bostock's bar chart example. d3Kit was used to construct the <svg> and setup all the margins.

This simple bar chart is constructed from a TSV file storing the frequency of letters in the English language. The chart employs conventional margins and a number of D3 features:

d3.tsv - load and parse data
d3.format - format percentages
d3.scale.ordinal - x-position encoding
d3.scale.linear - y-position encoding
d3.max - compute domains

	[{"week":8,"length":1.6,"mass":1},
	{"week":9,"length":2.3,"mass":2},
	{"week":10,"length":3.1,"mass":4},
	{"week":11,"length":4.1,"mass":7},
	{"week":12,"length":5.4,"mass":14},
	{"week":13,"length":7.4,"mass":23},
	{"week":14,"length":8.7,"mass":43},
	{"week":15,"length":10.1,"mass":70},
	{"week":16,"length":11.6,"mass":100},
	{"week":17,"length":13,"mass":140},

	<!DOCTYPE html>
	<html >

	<head>
	<title>Sierpinski</title>
	<link rel="stylesheet" href="./style.css">
	</head>

	<body>
	<div class="chart"></div>

	<!DOCTYPE html>
	<html >

	<head>
	<title>Faces</title>
	<link rel="stylesheet" href="style.css">
	</head>

	<body>
	<div class="chart"></div>

	{
	"name": "flare",
	"children": [
	{
	"name": "analytics",
	"children": [
	{
	"name": "cluster",
	"children": [
	{"name": "AgglomerativeCluster", "size": 3938},

	<!DOCTYPE html>
	<html>
	<head>
	<title>d3Kit.Skeleton</title>
	<link rel="stylesheet" href="style.css">
	</head>

	<body>
	<div id="chart"></div>