Nicholas Bollweg bollwyvl

An interactive version of a Reingold–Tilford tree. Click on the nodes to expand or collapse.

Modifications

Very minor tweaks were made to create a collapsible tree of a dict-like object.

The dict is converted to the flare.json tree structure with a default size.
I added a subset of a gist API response because that is what I am working on.
I added lodash because the tree converter was already written.

I have modified the force-multi-foci example to add a convex hull around each cluster of nodes.

I achieved this by using d3.nest() to create a new dataset of clusters containing the nodes in each cluster. Then in the tick() method I create and update the path element for each cluster in this dataset.

	<!DOCTYPE HTML>
	<html>
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Bootstrap Masonry Template</title>
	<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
	<link rel="stylesheet" href="style.css">
	<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700">

	;( function(){
	// an extension for d3 that iterates over Javascript objects
	// to build a DOM derived from data.
	d3.ml = {
	// YAML templates that execute d3ml
	templates: {},
	requests: {},
	scripts: {},
	build:
	function(s, template, state){

	.git
	.vagrant