陆吾

陆吾

HomeArchives

Understanding of d3 join

#d3#可视化40
AI Translation
This post is translated from Chinese into English through AI.View Original
AI-generated summary
D3's selection is based on the intersection of data and DOM elements. The data() function generates three areas: enter (data not yet attached to elements), update (data and elements attached together), and exit (extra elements not attached to data). This design allows for declarative methods to update elements based on data changes.

Thinking with Joins

In D3, the selection is achieved through the intersection of data and the DOM. Each call to data() generates:

  • enter, representing data that has not been mounted to elements
  • update, representing all elements that are mounted with data
  • exit, representing elements that are surplus to the mounted data

These three areas.

The reason for this design is to allow elements to follow data changes in a declarative manner.

Loading...
Ownership of this post data is guaranteed by blockchain and smart contracts to the creator alone.