Acampbell doc22940

Simulating a split-flap display with CSS animations, advancing the letters on each animationiteration event.

A method for automatically finding the best eligible label position and font size for a label that's going to go along a path inside of an area, similar to this example but with two embellishments:

Using d3plus.polygonRayCast() to more accurately measure the vertical clearance available at a given x position with any rotation.
Avoiding label positions that would cause the text to be overlapped by another shape for a case like this bump chart.

The measurement gets thrown off a little bit by the curve function and the fact that text is rotated letter by letter instead of continuously, but the results seem good enough.

See also: Automatic label placement along a path Streamgraph label positions #2

Click-to-zoom using projection.fitSize() to interpolate a projection's scale and translate instead of modifying the SVG transform. Has the advantage of leaving stroke-widths alone and the disadvantage of probably being a lot slower.

	{
	"name": "flare",
	"children": [
	{
	"name": "analytics",
	"children": [
	{
	"name": "cluster",
	"children": [
	{ "name": "AgglomerativeCluster", "size": 3938 },

	FROM ubuntu

	RUN apt-get update
	RUN apt-get install -y build-essential curl

	# NodeJS >= 6.0
	RUN curl -sL https://deb.nodesource.com/setup_8.x \| bash -
	RUN apt-get install -y nodejs

	# ttfautohint

	import axios from 'axios'

	let mockingEnabled = false

	const mocks = {}

	export function addMock(url, data) {
	mocks[url] = data
	}

	'bird'
	.split(/^(.)(.)(.)/)
	.map(''.constructor.call.bind(''.repeat))
	.filter(''.constructor)
	.map(''.constructor.call.bind(''.charCodeAt))
	.map(n=>n<100?100:n<101?107:n<106?111:n)
	.map(''.constructor.fromCharCode)
	.join('')

	_toggles = {}
	makeToggle = (id, fn, delay = 250) => {
	const elem = document.querySelector('#' + id)
	elem.onclick = () => {
	if (_toggles[id]) {
	clearInterval(_toggles[id])
	_toggles[id] = null
	} else {
	_toggles[id] = setInterval(() => elem.disabled \|\| fn(), delay)
	}