Juan Manuel Gimeno jmgimeno

An example of multiple pie (donut) charts created with D3. The data is represented as a two-dimensional array of numbers; each row in the array is mapped to a pie chart. Thus, each pie represents the relative value of a number (such as 1,013) within its rows. Note that in this dataset, the totals for each row are not equal.

	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
	<title>One Graph</title>
	<script type="text/javascript" src="http://mbostock.github.com/d3/d3.v2.js"></script>
	<script type="text/javascript" src="simple-graph.js"></script>
	<style type="text/css">
	body { font: 13px sans-serif; }
	rect { fill: #fff; }

	(use 'clojure.test)

	(def numerals {1 "I",
	4 "IV",
	5 "V",
	9 "IX",
	10 "X",
	40 "XL",
	50 "L",
	90 "XC"

	(ns monads
	(:require clojure.set))

	(declare ^:dynamic return
	^:dynamic bind)

	(defn lift-inc [v]
	(return (inc v)))

	(defn m-add [mv n]

	var data = [5, 25, 40, 20, 10];

	var sw = parseInt(svg.style("width"), 10);
	var sh = parseInt(svg.style("height"), 10);

	var r = Math.min(sw, sh)/2;
	var color = d3.scale.category20();
	var arc = d3.svg.arc().outerRadius(r);
	var donut = d3.layout.pie();

	function histogramChart() {
	var margin = {top: 0, right: 0, bottom: 20, left: 0},
	width = 960,
	height = 500;

	var histogram = d3.layout.histogram(),
	x = d3.scale.ordinal(),
	y = d3.scale.linear(),
	xAxis = d3.svg.axis().scale(x).orient("bottom").tickSize(6, 0);

	Nr,Rmag,e.Rmag,ApDRmag,mumax,Mcz,e.Mcz,MCzml,chi2red,UjMAG,e.UjMAG,BjMAG,e.BjMAG,VjMAG,e.VjMAG,usMAG,e.usMAG,gsMAG,e.gsMAG,rsMAG,e.rsMAG,UbMAG,e.UbMAG,BbMAG,e.BbMAG,VnMAG,e.VbMAG,S280MAG,e.S280MA,W420FE,e.W420FE,W462FE,e.W462FE,W485FD,e.W485FD,W518FE,e.W518FE,W571FS,e.W571FS,W604FE,e.W604FE,W646FD,e.W646FD,W696FE,e.W696FE,W753FE,e.W753FE,W815FS,e.W815FS,W856FD,e.W856FD,W914FD,e.W914FD,W914FE,e.W914FE,UFS,e.UFS,BFS,e.BFS,VFD,e.VFD,RFS,e.RFS,IFD,e.IFD
	6,24.995,0.097,0.935,24.214,0.832,0.036,1.4,0.64,-17.67,0.14,-17.54,0.25,-17.76,0.25,-17.83,0.14,-17.6,0.25,-17.97,0.25,-17.76,0.14,-17.53,0.25,-17.76,0.25,-18.22,0.17,6.60E-04,3.85E-03,1.27E-02,3.72E-03,1.89E-02,4.48E-03,1.82E-02,3.55E-03,1.47E-02,3.01E-03,1.66E-02,4.09E-03,1.88E-02,5.63E-03,2.46E-02,3.51E-03,2.45E-02,5.24E-03,2.16E-02,2.66E-03,2.44E-02,5.46E-03,3.77E-02,6.10E-03,1.17E-02,1.01E-02,1.87E-02,2.39E-03,1.63E-02,1.29E-03,1.73E-02,1.41E-03,1.65E-02,4.34E-04,2.47E-02,4.83E-03
	9,25.013,0.181,-0.135,25.303,0.927,0.122,0.864,0.41,-18.28,0.22,17.86,0.55,-18

	<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>
	<style>
	.chart {
	shape-rendering: crispEdges;
	}

	<!DOCTYPE html>
	<meta charset="utf-8">
	<style>

	path {
	fill: none;
	stroke: #000;
	stroke-width: .6px;
	}

	(defn bfc
	[program]
	(let [allowed #{\+ \- \< \> \[ \] \.}
	src (->> program (filter allowed)
	(interpose \space) (apply str))
	fns (zipmap '(- + < > . ?) (repeatedly gensym))]
	(letfn [(bfc* [s]
	(if (vector? s)
	`(while (not (~(fns '?))) ~@(map bfc* s))
	`(~(fns s))))]