D3.js學(xué)習(xí)筆記

roych

前幾天在一個Excel插件群里提到了D3.js（以下簡稱“D3”），想起之前的學(xué)習(xí)筆記。本來打算放在個人日志里的，結(jié)果發(fā)現(xiàn)不支持上傳附件，所以就先放在這里吧，以供對數(shù)據(jù)可視化的版友下載使用。
散點(diǎn)圖：

面積圖

環(huán)形圖

封閉圖


由于后面忙別的東西了，所以只有部分筆記（引力斥力、地圖等部分沒來得及學(xué)習(xí)），請原諒Roych的懶惰。
如果覺得這還不夠，不妨看看下面可能正確的廢話
-------------------------------------------------------------------------------------------------------

• D3是個什么鬼？
  D3是一個JavaScript庫。也就是說，如果你的瀏覽器不支持JavaScript，是不能運(yùn)行的。
  -----  默認(rèn)是打開的，否則就是用戶主動關(guān)閉的了，當(dāng)然也可能是IE6以前的某些版本）
• 既然D3是一個JavaScript庫，那么，需要那些基礎(chǔ)呢？
  
  • HTML標(biāo)記（了解）
  • CSS選擇器（了解）
  • JavaScript（建議了解）
    
• D3用來干嗎的？
  畫圖。目前Web最常用的圖形處理有兩種方式，一種是前沿的Canvas（畫布），另一種是傳統(tǒng)的SVG。前者是HTML5的新元素，不少jQuery圖表插件用的就是這個，而后者則是通過XML的形式來創(chuàng)建web圖像。
• D3的難度在哪里？
  由于D3是基于Web的數(shù)據(jù)，因此是不可能預(yù)先把數(shù)據(jù)寫入頁面的，而是通過各種方式將后臺的數(shù)據(jù)讀取到D3之中。
  
  • 因此如需在Excel中使用，可以通過VSTO封裝在插件中，通過選取單元格的動作將數(shù)據(jù)傳輸給D3，然后繪圖。
  • 而在Access中，由于VSTO好像比較排斥Access插件，因此最大的可能是通過ADO的方式，將數(shù)據(jù)傳輸?shù)紻3中，此外，你還需要一個容器來存放D3生成的圖表，例如Webbroswer。
  • 在ASP.Net或者PHP等動態(tài)頁面上則不存在上述問題。因?yàn)樵趙eb上使用SQL Server或者M(jìn)ySQL都是極其方便的事情。
    

江南春

不錯，學(xué)習(xí)，學(xué)習(xí)