D3.js学习笔记

roych

前几天在一个Excel插件群里提到了D3.js（以下简称“D3”），想起之前的学习笔记。本来打算放在个人日志里的，结果发现不支持上传附件，所以就先放在这里吧，以供对数据可视化的版友下载使用。
散点图：

面积图

环形图

封闭图


由于后面忙别的东西了，所以只有部分笔记（引力斥力、地图等部分没来得及学习），请原谅Roych的懒惰。
如果觉得这还不够，不妨看看下面可能正确的废话
-------------------------------------------------------------------------------------------------------

• D3是个什么鬼？
  D3是一个JavaScript库。也就是说，如果你的浏览器不支持JavaScript，是不能运行的。
  -----  默认是打开的，否则就是用户主动关闭的了，当然也可能是IE6以前的某些版本）
• 既然D3是一个JavaScript库，那么，需要那些基础呢？
  
  • HTML标记（了解）
  • CSS选择器（了解）
  • JavaScript（建议了解）
    
• D3用来干吗的？
  画图。目前Web最常用的图形处理有两种方式，一种是前沿的Canvas（画布），另一种是传统的SVG。前者是HTML5的新元素，不少jQuery图表插件用的就是这个，而后者则是通过XML的形式来创建web图像。
• D3的难度在哪里？
  由于D3是基于Web的数据，因此是不可能预先把数据写入页面的，而是通过各种方式将后台的数据读取到D3之中。
  
  • 因此如需在Excel中使用，可以通过VSTO封装在插件中，通过选取单元格的动作将数据传输给D3，然后绘图。
  • 而在Access中，由于VSTO好像比较排斥Access插件，因此最大的可能是通过ADO的方式，将数据传输到D3中，此外，你还需要一个容器来存放D3生成的图表，例如Webbroswer。
  • 在ASP.Net或者PHP等动态页面上则不存在上述问题。因为在web上使用SQL Server或者MySQL都是极其方便的事情。
    

江南春

不错，学习，学习