前言 近期略有點諸事不順，趁略有閑余之時，玩起D3.js。之前實際項目中主要是用各種chart如hightchart、echarts等，這些圖形庫玩起來貌都是完美的，一切皆可配置，但幾年前接觸了D3之后，覺得前面那chart類庫局限的地方在於，基本不可定制；而D3呢，你說了算 ...

簡介和安裝 近年來，可視化越來越流行，許多報刊雜志、門戶網站、新聞、媒體都大量使用可視化技術，使得復雜的數據和文字變得十分容易理解，有一句諺語“一張圖片價值於一千個字”，的確是名副其實。各種數據可視 ...

從今天開始我將和大家一起學習D3.js（Data-Driven Documents），由於國內關於D3的學習資料少之又少，所以我覺得很有必要把自己學習過程記錄下來，供同學們參考，如果文章有有哪些表達有錯誤的還希望同學們幫我指出來。當然了， 可以的話我希望大家都可以去看看英文資料（文章后面將列英文 ...

上一章說了如何制作一個線路圖，當然上一章是手寫的JSON數據，當然手寫的json數據有非常多的好處，例如可以應對客戶的各種BT需求，但是大多數情況下我們都是使用地鐵公司現成的JSON文件,話不多說我們 ...

大家在使用D3.js中的力導向圖時，基本都會遇到動態增加節點及連線的需求，這里記錄一下我的實現方式。 話不多說，先放代碼： 再看效果圖： 總結：從代碼上看實現這個功能邏輯還是挺簡單的，但是從顯示效果上看后增加的連線會覆蓋在原先的節點上，顯示效果不友好，下一 ...

隨着互聯網在各行各業的影響不斷深入，數據規模越來越大，各企業也越來越重視數據的價值。作為一家專業的數據智能公司，個推從消息推送服務起家，經過多年的持續耕耘，積累沉淀了海量數據，在數據可視化領域也開展了 ...

因為需要所以開始了，D3.js的學習之路。 在開始學的時候，發現的學習D3.js需要有一些SVG和canvas的知識，這些是我之前都沒有接觸過的，所以現在從svg開始學習了。 SVG可縮放矢量圖，使用XML格式SVG文件必須使用.svg后綴來保存。先來一個例子： SVG 代碼 ...

地鐵線路圖的可視化一直都是路網公司的重點，今天來和大家一起繪制線路圖。先上圖。 點擊線路按鈕，顯示相應的線路。點擊線路圖下面的站間按鈕（圖上未顯示），上報站間故障。 首先就是制作json文件， ...

目錄 一、學習D3我必須要學習好SVG矢量圖碼？ 二、如何理解D3給Dom節點綁定數據時的Update、Enter和Exit模式 三、D3綁定數據時用datum與data有什 ...

。對於d3.js如何引入圖片，如何畫線等基礎功能，這里就不再介紹了，大家可以找一些入門文章看一下。這里主要介紹一 ...