Tom Carden RandomEtc

## components.my-child-component.js
import Ember from 'ember';

export default Ember.Component.extend({
  actions: {
    hi() {
      this.sendAction();
    }
  }
});

## components.dd-content.js
import Ember from 'ember';

export default Ember.Component.extend({
  isClosed: false,
  classNameBindings: [ 'isClosed' ],
  classNames: [ 'drop-down__content' ]
});

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Ember Virtual List Component</title>
  <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.1/normalize.css">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  <script src="http://builds.emberjs.com/tags/v1.13.5/ember-template-compiler.js"></script>
  <script src="http://builds.emberjs.com/tags/v1.13.5/ember.debug.js"></script>
<style id="jsbin-css">

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Ember Virtual List Component</title>
  <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.1/normalize.css">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  <script src="http://builds.emberjs.com/tags/v1.13.5/ember-template-compiler.js"></script>
  <script src="http://builds.emberjs.com/tags/v1.13.5/ember.debug.js"></script>
<style id="jsbin-css">

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Ember Virtual List Component</title>
  <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.1/normalize.css">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  <script src="http://builds.emberjs.com/tags/v1.13.5/ember-template-compiler.js"></script>
  <script src="http://builds.emberjs.com/tags/v1.13.5/ember.debug.js"></script>
<style id="jsbin-css">

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Ember Virtual List Component</title>
  <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.1/normalize.css">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  <script src="http://builds.emberjs.com/tags/v1.13.5/ember-template-compiler.js"></script>
  <script src="http://builds.emberjs.com/tags/v1.13.5/ember.debug.js"></script>
<style id="jsbin-css">

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Ember Starter Kit</title>
  <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.1/normalize.css">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  <script src="http://builds.emberjs.com/tags/v1.13.5/ember-template-compiler.js"></script>
  <script src="http://builds.emberjs.com/tags/v1.13.5/ember.debug.js"></script>
<style id="jsbin-css">

## .gitignore
australian-states.json
ne_10m_admin_1_states_provinces_lakes.geojson
ne_10m_admin_1_states_provinces_lakes.geojson.gz

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

<style>
  html, body { margin: 0; }
  .line {
    fill: none;
    stroke-width: 2.0;
  }
  .axis .tick line, .axis path.domain {

## README.md

      
        
          
            
              
              5 files
            
          
          
            
              
              1 fork
            
          
          
            
              
              0 comments
            
          
          
            
              
              2 stars
            
          
        
        
          
              
          
          
            
                RandomEtc
                / README.md
            
            
              Last active
              May 9, 2017 19:24
            
              
                D3 Bar Chart Update Pattern
              
          
        
      
        
  
      
    This animated bar chart is adapted from Mike Bostock's sample bar chart to allow redrawing and animated transitions.
	import Ember from 'ember';

	export default Ember.Component.extend({
	actions: {
	hi() {
	this.sendAction();
	}
	}
	});
	import Ember from 'ember';

	export default Ember.Component.extend({
	isClosed: false,
	classNameBindings: [ 'isClosed' ],
	classNames: [ 'drop-down__content' ]
	});
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Ember Virtual List Component</title>
	<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.1/normalize.css">
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
	<script src="http://builds.emberjs.com/tags/v1.13.5/ember-template-compiler.js"></script>
	<script src="http://builds.emberjs.com/tags/v1.13.5/ember.debug.js"></script>
	<style id="jsbin-css">
	australian-states.json
	ne_10m_admin_1_states_provinces_lakes.geojson
	ne_10m_admin_1_states_provinces_lakes.geojson.gz
	<!DOCTYPE html>
	<meta charset="utf-8">

	<style>
	html, body { margin: 0; }
	.line {
	fill: none;
	stroke-width: 2.0;
	}
	.axis .tick line, .axis path.domain {