Chris Viau biovisualize

Binary tree with zoom/pan, percent leaves, link labels and path highlights

[ Launch: Hexbin experiments ] 5574274 by biovisualize

	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<title></title>
	<script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>
	<style type="text/css">
	</style>
	</head>
	<body>

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title></title>
	<script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>
	<style type="text/css">

	</style>
	</head>

	<html>
	<head>
	<script src="http://d3js.org/d3.v3.min.js"></script>
	</head>
	<body>
	<script>
	var dates = ["Q4-2010", "Q1-2011", "Q2-2011", "Q3-2011", "Q4-2011", "Q1-2012", "Q2-2012", "Q3-2012","Q4-2012"];
	var dateParsed = dates.map(function(d, i){
	var splitted = d.split('-');
	var quarterEndMonth = splitted[0].charAt(1) * 3;

	/*
	d3.phylogram.js
	Wrapper around a d3-based phylogram (tree where branch lengths are scaled)
	Also includes a radial dendrogram visualization (branch lengths not scaled)
	along with some helper methods for building angled-branch trees.

	d3.phylogram.build(selector, nodes, options)
	Creates a phylogram.
	Arguments:
	selector: selector of an element that will contain the SVG

	<!DOCTYPE html>
	<html>

	<head>
	<meta charset="utf-8">
	<title>Timeline - Proof-of-concept</title>

	<!-- That's my local d3 path. When working locally, use your local path. -->
	<!--<script src="../../../lib/d3/d3.v3.js"></script>-->