Shan Carter shancarter

Here are the math-y bits, courtesy of @ch402:

var a2 = Math.atan2(source.y, source.x);
var a1 = Math.atan2(compare.y, compare.x);
var sign = a1 > a2 ? 1 : -1;
var angle = a1 - a2;
var K = -sign * Math.PI * 2;
var angle = (Math.abs(K + angle) < Math.abs(angle))? K + angle : angle;

In order to generate a raster image with d3 in node.js, you need a canvas context. This is a bare bones example of using a node-based canvas for said context.

In order to generate some svg with d3 in node.js, you need a dom. This is a bare bones example of using jsdom for said dom.

Hello

This is not an article.

	<h1>This is a Head
	<h2>This is an h2
	This is an implied p element. It's just like html with significant whitespace.
	This is new paragraph.
	What about <b>{inline} tags?
	And that's about it, although it would allow you to do more complicated stuff.

	<h2>More Complicated Stuff
	<p.foo>You can add classes to elements.
	<div>

	h1{This is a Head}
	h2{This is an h2}
	p{This is an implied p element.}
	p{This is another one.}
	p{It's just like html but with significant whitespace.}
	p{What about b{inline} tags?}
	p{And that's about it, although it would allow you to do more complicated stuff.}

	h2{More Complicated Stuff}
	p.foo{You can add classes to elements.}

	h1> This is a Head
	h2> This is h2
	p> this is a p
	p> this is another one
	p> It's just like html with significant whitespace.
	p> what about {b>inline} tags?
	p> And that's about it, although it would allow you to do more complicated stuff.

	h2> More Complicated Stuff
	p.foo> You can add classes to elements.

	<!doctype html>
	<meta charset="utf-8">
	<body>
	<script src="//d3js.org/d3.v4.min.js"></script>
	<script>

	let margin = {top: 100, right: 100, bottom: 100, left: 100};

	let width = 960,
	height = 500,

	<!DOCTYPE html>
	<script src="//d3js.org/d3.v3.min.js" charset="utf-8"></script>

	<style media="screen">
	.child {
	margin: 10px 0;
	color: white;
	}

	button {