d3 的 selection 知識點

  • 使用CSS選取器 ( 近似 JQ )
  • 指定Dom樹位置，選取特定節點
  • 將資料繫結 (data-binding) 到指定節點
  • 可選特定特定節點，改變其樣式 (顏色、尺寸、位置等)

d3.select : 只選取第一個

select 1

select 2

select 3

select 4


d3.selectAll : 選取全部

selectAll 1

selectAll 2

selectAll 3

selectAll 4

對元素的樣式進行調整

增減元素

a

b

c

d