Learn D3.js

Joining data

The most important methods in the d3-selection module are used to bind data values to DOM elements. Some of these methods, which are listed in the following table, were briefly introduced in the last chapter. They will be explored in dedicated sections in this chapter:

Method

Description

datum(value | function)

This joins a single value to each element of a selection and returns the current selection. If the value attribute is absent, this method works as a getter function that returns the datum bound to a single element (the first non-null element). If the value attribute is present, it will be applied to each element in the selection. If null, any existing datum is detached from the element. If the attribute is ...