D3.js enter update exit - data as function

D3 DataVisualization Cookbook

by Denise Nepraunig

HTML

<h1>Enter Update Exit</h1>

CSS

.h-bar {
    /*background-color: teal;*/
    text-align: right;
    padding-right: 3px;
}

JavaScript

// stores function references in an array
var data = []; // <- A
var next = function (x) { // <- B
    return 15 + x * x;
};

var newData = function () { // <- C 
    data.push(next);
    return data;
};

newData();
// can be invoked with data[0](0); z.B.