Shan Carter shancarter

DESCRIPTION

A simple d3.js slider

Hello

This is not an article.

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.

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.

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;

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

	body {
	background: white;
	}

	.land {
	fill: #00ff00;

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

	<style type="text/css">
	.graphic {
	font-family: Helvetica;
	padding: 10px 0;
	margin: 0 auto;
	}

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

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

	button {

	<!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,

	license: mit
	height: 700