Geoffrey Bell gtb104

Mostly Declarative D3

This is a mostly declarative approach to creating reusable D3 graph.

This is a non-declarative approach to creating reusable D3 graph.

The main method of reusability will be a library of modules used to create specific portions of a D3 graph.

A version which uses a Model(which coordinates multiple scales), and the parent creates the axes.

Porting Netflix ember-nf-graph to Ember 2.7.0.

	import Controller from '@ember/controller';
	import { later } from '@ember/runloop';

	export default Controller.extend({
	appName: 'Bug ember-sortable',
	columns: [
	{ title: 'AAAAA' },
	{ title: 'BBBBB' },
	{ title: 'CCCCC' },
	{ title: 'DDDDD' },

	import Ember from 'ember';

	export default Ember.Controller.extend({
	appName: 'Ember Twiddle'
	});

	import Ember from 'ember';

	const {
	Component,
	computed
	} = Ember;

	export default Component.extend({
	classNameBindings: ['isActive', ':pill-meta'],

	import Component from '@ember/component';
	import { scheduleOnce } from '@ember/runloop';
	import { isEmpty } from '@ember/utils';
	import { computed } from '@ember/object';

	export default Component.extend({
	classNameBindings: ['isActive', ':pill-operator'],

	isActive: false,
	meta: null,

	import Ember from 'ember';

	export default Ember.Controller.extend({
	appName: 'Ember Twiddle',
	hasStyledBytes: false,

	actions: {
	toggleByteStyling(val) {
	console.log('val', val);
	this.set('hasStyledBytes', val);

	import Ember from 'ember';

	export default Ember.Controller.extend({
	a: [1,2,3],
	b: [4,5,6],
	c: false,

	actions: {
	toggleLabels() {
	this.toggleProperty('c');