【公告】網站目前停止所有的課程訂閱服務,原有學員權益不受影響,造成不便還請見諒,我們正在打造更多課程以及圖書,包含 Python 為主的課程主題,未來將會合併且擴充目前的課程內容,提供全新課程訂閱服務,感謝學員的支持。
【公告】《Entity Framework 實務精要》 絕版優惠學習活動,是針對最後一批少量書籍絕版的短期特別活動,只提供 20 個名額(剩 4 名),教學影片要在今年暑假過後才會重新開放訂閱,並沒有提供之前單獨購書的讀者,還請見諒, 如果您需要教學影片,屆時再請參與,也感謝讀者學員的支持,我們正在開發更多的教學內容,歡迎與我們一起努力。
《Entity Framework 實務精要》 絕版優惠學習活動》

D3 資料視覺化 - 資料綁定與圖表描繪


D3著眼於資料處理,除了優異的DOM操作功能之外,最核心的關鍵功能便是資料綁定,一旦瞭解如何設計,你將能夠輕易透過D3將文字資料轉換成圖表進行呈現。

透過JavaScript 處理資料並不容易,D3是為了簡化資料處理作業而開發的一套函式庫,特別擅長執行資料的視覺化呈現,無論陣列、JSON或是CSV資料,搭配簡單的DOM元素或是SVG,均能有效的進行內容的整合與圖形轉換運算。
考慮以下的陣列資料:

var numbers = [6, 8, 10, 2, 4, 1, 5, 9];

當我們要將這個陣列內的資料取出顯示在網頁上,必須透過迴圈進行實作。

<div id="area">
</div>

本文已過期,請參考  D3 資料視覺化

沒有留言: