故事是一條無形的線，將電影畫面連接在一起，正如書籍裝訂將每個書頁連接在一起。下面我們就來談談如何去敘述一個故事。

D3連接

用連接來思考

D3的強大之處正是在于數據綁定之前的選擇，數據綁定本身，以及綁定之后的選擇。

d3.select('svg').selectAll("circle").data(data)#enter實際上是一種特殊類型的select，用來選擇未顯示的所有綁定數據元素.enter()#我們最終向這個enter選擇中的每個元素頁面添加圓形，SVG或者HTML.append("circle")

同SQL語言類似的，在D3中也有連接的概念

例如data.tsv的每一行就相當于文件中的每一個數據行。并將DepartmentId視為web中的HTML和SVG元素。執行數據連接的時候，我們要將數據文件中的每一行與web頁面上相應的元素對應起來。

D3中存在鍵這個概念，鍵用于將數據映射至元素。只要數據有相同的鍵，而且他們之前都已經綁定了謀個HTML元素，他們就能夠映射到相同的內容。

總結

以上是生活随笔為你收集整理的叙事结构的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。