D3

原创 2016年08月31日 10:56:05


->Tutorial:   https://github.com/d3/d3/wiki/Tutorials
->Specification:https://github.com/d3/d3/wiki
->API:https://github.com/d3/d3/blob/master/API.md
->Source code:https://github.com/d3/d3 https://github.com/d3/d3.git

https://d3js.org/
http://d3.decembercafe.org/pages/lessons/1.html


D3.js是一个JavaScript库,它可以通过数据来操作文档。D3可以通过使用HTML、SVG和CSS把数据鲜活形象地展现出来。D3严格遵循Web标准,因而可以让你的程序轻松兼容现代主流浏览器并避免对特定框架的依赖。同时,它提供了强大的可视化组件,可以让使用者以数据驱动的方式去操作DOM。

D3是个相当独立的程序库。它不依赖于特定浏览器提供的功能以及其他JavaScript库。实际上,你甚至可以通过简单的配置,让D3脱离浏览器而在诸如Node.js这样的环境中运行起来

D3.js 的所有功能在 JavaScript 中都能实现,它仅仅是一个函数库而已。D3 所做的事就是减轻你的工作量。

在 D3 中,用于选择元素的函数有两个:

Update、Enter、Exit 是 D3 中三个非常重要的概念,它处理的是当选择集和数据的数量关系不确定的情况。


布局,可以理解成 “制作常见图形的函数”,有了它制作各种相对复杂的图表就方便多了。

D3 与其它很多可视化工具不同,相对来说较底层

[图片]


布局的作用是:将不适合用于绘图的数据转换成了适合用于绘图的数据。

布局的作用解释成:数据转换。

为了根据转换后的数据 piedata 来作图,还需要一样工具:生成器。
SVG 有一个元素,叫做路径 <path>,是 SVG 中功能最强的元素,它可以表示其它任意的图形。顾名思义,路径元素就是通过定义一个段“路径”,来绘制出各种图形。但是,路径是很难计算的,通过布局转换后的数据 piedata 仍然很难手动计算得到路径值。为我们完成这项任务的,就是生成器。

力导向图(Force-Directed Graph),是绘图的一种算法。在二维或三维空间里配置节点,节点之间用线连接,称为连线。各连线的长度几乎相等,且尽可能不相交。节点和连线都被施加了力的作用,力是根据节点和连线的相对位置计算的。根据力的作用,来计算节点和连线的运动轨迹,并不断降低它们的能量,最终达到一种能量很低的安定状态。
力导向图能表示节点之间的多对多的关系。


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

css3 3d旋转下拉菜单

  • 2017-01-10 13:24
  • 1018B
  • 下载

Hi3520D UART2和UART3是如何加载到内核的

参考资料: 海思Hi3515的UART2和UART3是如何被加载到内核中的 http://blog.163.com/softtwo_2/blog/static/27007702201272364522...

3dwz_X3D.rar

  • 2016-01-15 00:37
  • 1.25MB
  • 下载

d3dx9_34工具

  • 2015-11-26 20:18
  • 3.34MB
  • 下载

css3 html5 3D动画练习

New Document div{ margin-bottom:10px; width:200px; height:100px; } @keyframes myfirst { from {bac...

3D游戏图形学实验3

  • 2015-02-22 19:18
  • 739KB
  • 下载

大数据时代的图表可视化利器——highcharts,D3和百度的echarts

还记得阿里巴巴那个令人澎湃激情的双十一吗?还记得淘宝生动形象地把你的的消费历程一一地展示给你看吗?还记得那些酷炫拽的it报告图表吗?在这个大数据越来越盛行的年代,怎样去表达一些用户的关系,人物的关联,...

Nikon D3X SDK

  • 2016-06-16 21:05
  • 12.43MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)