D3.js Data Binding

D3.js (Data-Driven Documents) is a framework used to better show case data, whether it be through animations, transitions, or proper charting. D3 allows arbitrary data to be bound to the DOM, better allowing transitions and user interaction with the data itself.

As data can change on the fly, say from a live feed of data, D3 needs to quickly modify data that it bound to the DOM. Previously, D3 used three selection methods to take care of this work flow: Enter, Exit, and Update.

.enter()