解决数据源,和dom数量不一致问题
enter.jpg
image.png

update

数组 var arr = [3,6,9,12,15],绑定到三个

上,
可以想象到,数组的最后两个元素没有可以绑定的元素,

  • 这时d3会建立两个空的元素与数组最后的两个数据相对应,那么这部分,多出来的

    就称为Enter

  • 而有元素与数据对应的部分就称为Update

enter

exit

如果数组只有一个元素 var arr = [3],
绑定到三个

上,可以想象,最后两个

没有可绑定的数据,那么没有数据绑定的部分就称为Exit

https://bost.ocks.org/mike/

enter & update & exit

.data(data) HTML元素与数据绑定
https://bost.ocks.org/mike/join/
image.png

circle

https://bost.ocks.org/mike/circles/
image.png