Nikhil S nsonnad

## parentData.js
(function(d, i, j){
        console.log('Method A: Parent data: ', data[j], 'Parent index: ', j);
        console.log('Method B: Parent data: ', this.parentNode.__data__);
        return d;
     });

## _.md

      
              6 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                nsonnad
                / _.md
            
            
              Created
              March 14, 2013 02:16
            
              
                .attr() after .each()
              
          
    [ Launch: .attr() after .each() ] 5158278 by nsonnad[ Launch Inlet ]Gist #4103209 Gist #4103149

  
## _.md

      
              6 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                nsonnad
                / _.md
            
            
              Created
              May 16, 2013 06:36
            
              
                Reusable Bar Char
              
          
    [ Launch: Reusable Bar Char ] 5589796 by nsonnad[ Launch Inlet ]Gist #4103209 Gist #4103149

  
## README.md

      
              4 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                nsonnad
                / README.md
            
            
              Created
              May 20, 2013 06:16
                — forked from milroc/README.md
            
          
    This is a five part series, taking you through stages of designing and creating reusable visualizations with d3.js
All visualizations have the same functionality, showcase the individual points with a bar chart and sum up the selected bars.

Basic Concept (vanilla d3.js)
Reusability Step
Angular.js + d3.js
ember.js + d3.js
Backbone.js + d3.js


## _.md

      
              5 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                nsonnad
                / _.md
            
            
              Last active
              December 17, 2015 13:29
            
              
                simple crossfilter, Melb water use
              
          
    ###Melbourne water use, crossfiltered
Simple crossfilter example. Uses (real) data on water use in Melbourne. View live on tributary. Further reading:

Melbourne water use data
Crossfilter example + API
d3.js
Crossfilter for stoners


## .gitignore
# Editor backup files
*.bak
*~

## _.md

      
              5 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                nsonnad
                / _.md
            
            
              Created
              June 13, 2013 12:00
            
              
                d3.sticker
              
          
    [ Launch: d3.sticker ] 5773144 by nsonnad[ Launch: d3.sticker ] 5747272 by enjalot

  
## _.md

      
              3 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                nsonnad
                / _.md
            
            
              Created
              June 20, 2013 11:40
            
              
                Tributary inlet
              
          
    [ Launch: Tributary inlet ] 5822060 by nsonnad

  
## index.html
<!doctype html>
<html lang=en>
<head>
<meta charset=utf-8>
<title>d3.transition.ease()</title>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <h2>d3.transition().ease("<span id="easeId"></span>")</h2>

## index.js
force.on("tick", function(e) {

  // Push nodes toward their designated focus.
  var k = .1 * e.alpha;
  nodes.forEach(function(o, i) {
    o.y += (foci[o.id].y - o.y) * k;
    o.x += (foci[o.id].x - o.x) * k;
  });

  vis.selectAll("circle.node")
	(function(d, i, j){
	console.log('Method A: Parent data: ', data[j], 'Parent index: ', j);
	console.log('Method B: Parent data: ', this.parentNode.__data__);
	return d;
	});
	<!doctype html>
	<html lang=en>
	<head>
	<meta charset=utf-8>
	<title>d3.transition.ease()</title>
	<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
	<link rel="stylesheet" type="text/css" href="style.css">
	</head>
	<body>
	<h2>d3.transition().ease("<span id="easeId"></span>")</h2>
	force.on("tick", function(e) {

	// Push nodes toward their designated focus.
	var k = .1 * e.alpha;
	nodes.forEach(function(o, i) {
	o.y += (foci[o.id].y - o.y) * k;
	o.x += (foci[o.id].x - o.x) * k;
	});

	vis.selectAll("circle.node")