Mike Slattery slattery

Let's say you start a project locally, and do some editing.

$ mkdir -p ~/git/foo && cd ~/git/foo
$ touch NEWFILE

Now you decide you want to create a new github repo and track it, but the directory is non-empty so git won't let you clone into it. You can fix this, thusly:

Observables

You don't really need a framework or fancy cutting-edge JavaScript features to do two-way data binding. Let's start basic - first and foremost, you need a way to tell when data changes. Traditionally, this is done via an Observer pattern, but a full-blown implementation of that is a little clunky for nice, lightweight JavaScript. So, if native getters/setters are out, the only mechanism we have are accessors:

var n = 5;
function getN() { return n; }
function setN(newN) { n = newN; }

console.log(getN()); // 5

setN(10);

	// Returns the value at a given percentile in a sorted numeric array.
	// "Linear interpolation between closest ranks" method
	function percentile(arr, p) {
	if (arr.length === 0) return 0;
	if (typeof p !== 'number') throw new TypeError('p must be a number');
	if (p <= 0) return arr[0];
	if (p >= 1) return arr[arr.length - 1];

	var index = arr.length * p,
	lower = Math.floor(index),

	/**
	* Utility method to round numbers to a given number of decimal places.
	*
	* Usage:
	* 3.5.round(0) // 4
	* Math.random().round(4) // 0.8179
	* var a = 5532; a.round(-2) // 5500
	* Number.prototype.round(12345.6, -1) // 12350
	* 32..round(-1) // 30 (two dots required since the first one is a decimal)
	*/

	<!DOCTYPE html>
	<html>

	<head>
	<meta charset="utf-8">
	<meta name="keywords" lang="de" content="Zeitleiste, Zeitlinie, Zeitkarte, Geschichte, Chronologie">
	<meta name="keywords" lang="en" content="Timeline, Timemap, History, Chronology">
	<title>Timeline - Proof-of-concept</title>

	<!-- That's my local d3 path. When working locally, use your local path. -->

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

	<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
	<script src="windchart.js"></script>


	<style>

	body {

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

	.background {
	fill: none;
	pointer-events: all;
	}

	#states {

	git fetch --all
	git reset --hard origin/master
	git pull origin master