Joe Whitfield-Seed joews

## styles.less
/*
 * Your Stylesheet
 *
 * This stylesheet is loaded when Atom starts up and is reloaded automatically
 * when it is changed.
 *
 * If you are unfamiliar with LESS, you can read more about it here:
 * http://www.lesscss.org
 */

## gist:de5bc4da913899b31636
// Select text of a content editable
// http://stackoverflow.com/a/6150060/2806996

// Example usage: $('[contenteditable]:first').selectText()
$.fn.selectText = function() {
  var range = document.createRange();
  range.selectNodeContents(this[0]);
  var sel = window.getSelection();
  sel.removeAllRanges();
  sel.addRange(range);

## index.html
<!DOCTYPE html>
<html>

<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>

function randomInt(min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}

## dabblet.css
**
 * The first commented line is your dabblet’s title
 */
.wrapper {
   position: relative;
}

.line {
    position: absolute;
    height: 1px;

## d3-bring-to-front.js
// Credit Christopher Chiche & Clemens Tolboom
// - http://stackoverflow.com/a/14426477/2806996
d3.selection.prototype.moveToFront = function() {
  return this.each(function(){
    this.parentNode.appendChild(this);
  });
};

d3.selection.prototype.moveToBack = function() {
    return this.each(function() {

## index.html
<!DOCTYPE html>
<html>

<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>

function randomInt(min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}

## index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>

html, body {
  height: 100%;
}

## backbone-inflight.js
// Patch Backbone Model and Collection to have awareness
//  of current sync state.
// Adds an isLoading method and _inFlight count property.
// Fires before:sync and after:sync events.
// Based on http://tbranyen.com/post/how-to-indicate-backbone-fetch-progress
!function() {
  function onSyncEnd() {
    -- this._inFlight;
    this.trigger("after:sync", this);
  }

## index.html
<!DOCTYPE html>
<html>

<head>
<style>
  svg {
  }

  rect {
    fill-opacity: 0.5;

## chart.js
var colorScale = d3.scale.category10();

var chart = c3.generate({
  bindto: '#bar-chart',
  data: {
    x: 'x',
    columns: [
    ['x', 'apple', 'banana'],
      ['count', 191, 238],
    ],
	/*
	* Your Stylesheet
	*
	* This stylesheet is loaded when Atom starts up and is reloaded automatically
	* when it is changed.
	*
	* If you are unfamiliar with LESS, you can read more about it here:
	* http://www.lesscss.org
	*/
	// Select text of a content editable
	// http://stackoverflow.com/a/6150060/2806996

	// Example usage: $('[contenteditable]:first').selectText()
	$.fn.selectText = function() {
	var range = document.createRange();
	range.selectNodeContents(this[0]);
	var sel = window.getSelection();
	sel.removeAllRanges();
	sel.addRange(range);
	<!DOCTYPE html>
	<html>

	<body>
	<script src="http://d3js.org/d3.v3.min.js"></script>
	<script>

	function randomInt(min, max) {
	return Math.floor(Math.random() * (max - min + 1)) + min;
	}
	**
	* The first commented line is your dabblet’s title
	*/
	.wrapper {
	position: relative;
	}

	.line {
	position: absolute;
	height: 1px;
	// Credit Christopher Chiche & Clemens Tolboom
	// - http://stackoverflow.com/a/14426477/2806996
	d3.selection.prototype.moveToFront = function() {
	return this.each(function(){
	this.parentNode.appendChild(this);
	});
	};

	d3.selection.prototype.moveToBack = function() {
	return this.each(function() {
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<style>

	html, body {
	height: 100%;
	}
	// Patch Backbone Model and Collection to have awareness
	// of current sync state.
	// Adds an isLoading method and _inFlight count property.
	// Fires before:sync and after:sync events.
	// Based on http://tbranyen.com/post/how-to-indicate-backbone-fetch-progress
	!function() {
	function onSyncEnd() {
	-- this._inFlight;
	this.trigger("after:sync", this);
	}
	var colorScale = d3.scale.category10();

	var chart = c3.generate({
	bindto: '#bar-chart',
	data: {
	x: 'x',
	columns: [
	['x', 'apple', 'banana'],
	['count', 191, 238],
	],