1. 程式人生 > >D3,最受歡迎的前端資料視覺化庫

D3,最受歡迎的前端資料視覺化庫


第一個瀏覽器只能渲染靜態頁面,所謂互動性僅限於單擊連結。1996年,Netscape在瀏覽器中內建了JavaScript直譯器,從而讓瀏覽器在載入頁面時,能夠解釋執行這門指令碼語言編寫的程式碼。

這個舉措並沒有它後來引發的鉅變那麼驚心動魄,但卻讓瀏覽器從被動的顯示,進入了互動線上處理動態畫面的新時代。這一歷史性轉變成就了我們今天的頁面內互動的Web。如果沒有JavaScript,就不會有D3,而基於Web的資料視覺化也只能侷限於提前生成好的、不具備響應能力的GIF圖。(噢……謝謝,Netscape!)

歷史的車輪前進到了2005年,這一年Jeffrey Heer、Stuart Card和James Landay推出prefuse(

http://prefuse.org/),一個通過Web呈現的資料視覺化工具包。prefuse(字母全部小寫)是用Java寫的,那是一種編譯型語言,而且視覺化程式要在瀏覽器中通過Java外掛執行。(注意,Java和JavaScript是完全不一樣的語言,儘管名字上類似。)prefuse是當時一個突破性的應用,它首次讓沒有多少經驗的程式設計人員,能夠實現基於Web的視覺化展示。有了prefuse之後,Web上的資料視覺化就成了小事一樁。

兩年後,Jeff Heer又推出了Flare(http://flare.prefuse.org/)。這是一個類似的工具包,程式語言是ActionScript,就是說可以通過瀏覽器中的Flash Player來檢視視覺化結果。與prefuse類似,Flare也依賴瀏覽器外掛。Flare雖然是一個巨大的進步,但隨著瀏覽器的發展,視覺化顯然不通過外掛(而只利用瀏覽器原生特性)也能實現了。

Protovis簡化了生成視覺化圖形的工作,即使是沒有程式設計經驗的人都可以上手。但它要藉助一個抽象的表現層,儘管設計師可以使用Protovis語法來控制這一層,可除錯很不方便,因為使用的不是標準方法。

2011年,Mike Bostock、Vadim Ogievetsky和Jeff Heer正式推出D3(http://vis.stanford.edu/papers/d3),作為下一代Web視覺化工具。與Protovis不同的是,D3直接操作網頁文件。因此,除錯就方便了,嘗試不同的方案也更容易,而且展示視覺效果的可能性也更多了。唯一的缺點是學習門檻有點高,不過本書會盡可能解決這個問題。此外,你通過學習D3掌握的所有技術,即使在資料視覺化這個領域之外,也將是非常有用的。

無論你熟悉上面提到的任何一個突破性的工具,一定都會認可D3純正的血統。如果你對D3底層的設計思想感興趣,強烈建議你看一看Mike、Vadim和Jeff在InfoVis上發表的論文“D3 : Data-Driven Documents”(http://vis.stanford.edu/files/2011-D3-InfoVis.pdf),其中清晰地分析了這種工具的必要性。這篇論文濃縮了他們在學習和開發視覺化工具幾年間的心血。

轉載: http://www.ituring.com.cn/article/39091

相關推薦

D3歡迎前端資料視覺

第一個瀏覽器只能渲染靜態頁面,所謂互動性僅限於單擊連結。1996年,Netscape在瀏覽器中內建了JavaScript直譯器,從而讓瀏覽器在載入頁面時,能夠解釋執行這門指令碼語言編寫的程式碼。 這個舉措並沒有它後來引發的鉅變那麼驚心動魄,但卻讓瀏覽器從被動的顯示,

高職畢業生就業率首超本科歡迎的專業竟是……

vpd 安全 hcie img 提升 服務 合作夥伴 杭州 產業 前,麥可思《就業藍皮書:2018年中國大學生就業報告》在北京發布。據顯示,2017屆中國大學生畢業半年後的就業率分別為本科91.6%,高職高專92.1%,高職高專就業率首次超過本科。網絡工程、軟件開發等專業畢

微軟雅黑ppt中經常使用歡迎的字型

  影響ppt美觀度的因素有很多,不僅跟排版有關,還跟字型的使用有很大的關係,字型如果用得不合適,會讓幻燈片顯得特別彆扭,毫無美感。ppt字型的使用絕對是一門學問。   我們不是藝術家,不能用藝術的眼光去追求字裡行間的美,我們只要掌握ppt最常用最受觀眾歡迎的ppt字型就可以了。   ppt預設的

前端資料視覺外掛:Highcharts、Echarts和D3

前端資料視覺化外掛有很多,但我用過的只有Highcharts(https://www.hcharts.cn/)、Echarts(http://echarts.baidu.com/)和D3(https://d3js.org/),Web開發過程中選擇使用哪一個外掛是很重要的問題

歡迎前端框架之React實戰視訊課程

課程目錄 01 01-React簡介 01-React簡介(24分鐘) 02 02-React起步webpack和babel的配置 02-React起步webpack和babel的配置(26分鐘) 03 03-React起步HelloWorld 03_React起步HelloWorld(19分鐘) 04 04

歡迎前端框架之React實戰完整版

#!/bin/bash   TSLIBINC="/home/mark/work/tool/tslib_ok/tslib-1.16/tmp/include"   TSLIBLIB="/home/mark/work/tool/tslib_ok/tslib-1.16/tmp/lib

GitHub上25個歡迎的開源機器學習

作者 | Khoa Pham 譯者 | Shawn Lee 編輯 | Jane 出品 | AI科技大本營 在過去的幾年裡,機器學習為各行各業開創了新紀元,誕生了許多成功的案例: Facebook 的面部識別,Netflix 的智慧電影推薦系統,PrimaAI

超級收藏網際網路時代的黑科技來了教您如何使用資料視覺BI工具雲蛛系統

現如今”中國製造”越來越越流行,黑科技也越來越多,各種新技術新產品不間斷的映入人們的眼簾,讓人目不暇接,不斷挑戰人的認知極限!今天為您介紹的是,是蛛網時代的黑科技-雲蛛系統。 在當今這個資料爆炸的時代,資料視覺化技術即BI技術大行其道,畢竟這個最吸引眼球嘛。資

出行大資料滴滴釋出400城資料視覺分析

2017年,滴滴基於出行的大資料探討了城市連線、夜間出行、公共交通與網約車、智慧交通形態等多個熱

ECharts 前端資料視覺

ECharts,一個使用 JavaScript 實現的開源視覺化庫, 百度出品,底層依賴輕量級的向量圖形庫ZRender,相容大部分PC和移動端的瀏覽器,提供直觀,互動豐富,可高度個性化定製的資料視覺化圖表。看看http://echarts.baidu.com/feature.html的示例

前端資料視覺外掛大盤點

在大資料時代,很多時候我們需要在網頁中顯示資料統計報表,從而能很直觀地瞭解資料的走向,開發人員很多時候需要使用圖表來表現一些資料。隨著Web技術的發展,從傳統只能依靠於flash、IE的vml,各個瀏覽器尚不統一的svg,到如今規範統一的canvas、svg為代表的h

python專案篇-從資料庫獲取資料以Json格式返回前端資料視覺方式顯示

views.py: def adminEchartIncome(request): ret = models.incomeAccount.objects.all().order_by("dayIncome","id") # ret = serialize("json

前端資料視覺外掛(三)地圖

 摘要:   繼圖譜外掛之後,下面分享6款地圖外掛 Kartograph url:http://kartograph.org/ github:https://github.com/kartograph/kartograph.py browser:Internet Exp

探討2018年歡迎的15頂級Python

數據應用 github 評估 使用 環境 pie scl cpu alt 近日,數據科學網站 KDnuggets 評選出了頂級 Python 庫 Top15,領域橫跨數據科學、數據可視化、深度學習和機器學習。如果本文有哪些遺漏,你可以在評論區補充。

前端資料視覺外掛(五)立體圖

摘要:   這是前端資料視覺化最後一種,立體圖。下面分享4款立體圖外掛 PhiloGL url:http://www.senchalabs.org/philogl/ github:https://github.com/senchalabs/philogl browser

前端資料視覺外掛(一)圖表

摘要:   在大資料時代,很多時候我們需要在網頁中顯示資料統計報表,從而能很直觀地瞭解資料的走向,開發人員很多時候需要使用圖表來表現一些資料。隨著Web技術的發展,從傳統只能依靠於flash、IE的vml,各個瀏覽器尚不統一的svg,到如今規範統一的canvas、svg

前端資料視覺echarts.js使用指南

一、開篇 首先這裡要感謝一下我的公司,因為公司需求上面的新穎的需求,讓我有幸可以學習到一些好玩有趣的前端技術,前端技術中好玩而且比較實用的我想應該要數前端的資料視覺化這一方面,目前市面上的資料視覺化的框架琳琅滿目,例如:D3.js、hightcharts.js、echart

前端資料視覺外掛(四)關係圖

 摘要:   現在來分享9款關係圖外掛 arborjs url:http://arborjs.org/halfviz/#/a-new-hope github:https://github.com/samizdatco/arbor browser:IE6+,chrome,

功能如此齊全 也許是精良的免費資料視覺軟體

  看臉的時代,審美提升的社會,不僅是普通人,就連企業也追求漂亮的圖表展示,尤其是與外部溝通,報告的清晰的表達和炫酷的效果是必不可少的。免費資料視覺化軟體也因此層出不窮,讓人挑花了眼。   之所以說現在的免費資料視覺化軟體讓人挑花眼,原因在於,時下面向不同層次的產品細分越

企業資料化轉型資料分析業務中臺不可缺少的大資料視覺工具

全球經濟發展進入了數字化轉型時期。每個企業都希望趕上這趟轉型的列車。為什麼大家都如此看重數字化轉型?因為這是一個生存問題,企業必須