Be the first user to complete this post

  • 0
Add to List

How to get the data of a node in d3

In my previous article on enter, update and exit selections, I discussed how d3 binds data to nodes using the data() function. How about the inverse case where you have a reference to a node to which data is supposedly bound and you want to get the value of that data. Take another case - when you have a reference to a node, but you want to access the data that is bound to a parent node. Turns out, you can easily get the data bound to a node as follows

d3.select(your_node).datum();
where your_node is a reference to the actual DOM node.



Also Read:

  1. d3 Fundamentals: Creating a simple bar graph
  2. Render a d3js Tree as a React Component
  3. A visual explanation of the Enter, Update and Exit Selections in D3js
  4. Using d3js to draw a bar chart with an axis and some basic transitions
  5. Selecting a node in d3js based upon the value of its data