The D3.js is data driven and the data () FUNCTION is used to join the specified array object of data to the selected DOM elements and return updated selection.

The data binding methods –

1. data() function – This function Joins the data to the selected elements
2. enter() function- This functions is used to creates a selection with placeholder references for MISSING elements
3. exit() function – This functions is used to removes nodes and adds them to the exit selection which can be later removed from the DOM
4. datum() function – This functions is used to injects data to the selected element WITHOUT computing a join

The Example looks like –

var data Array = ["Hello, This is data array!"];

var select Data = d3.select("body").SELECTALL("p").data(dataArray)

.TEXT(function (dt) {

return dt;

});

The D3.js is data driven and the data () function is used to join the specified array object of data to the selected DOM elements and return updated selection.

The data binding methods –

The Example looks like –

var data Array = ["Hello, This is data array!"];

var select Data = d3.select("body").selectAll("p").data(dataArray)

.text(function (dt) {

return dt;

});