# d3

**Repository Path**: ZeroBona/d3

## Basic Information

- **Project Name**: d3
- **Description**: 使用d3可视化库的总结
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-07-13
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# d3


#### 项目介绍
d3可视化库的总结


#### 使用说明
1. 文件tree是展示关系树的demo，类似思维导图(echarts有相似的图表，地址：http://echarts.baidu.com/examples/editor.html?c=tree-basic&theme=light)
2. 文件forceDirectedGraph是展示力引导图的demo，类似神经网络图

#### echarts与d3对比
1. 对于客户需求要求的图表拥有大量的用户交互场景，用d3比较方便，因为d3中svg画图支持事件处理器，他是基于dom进行操作的。想要实现某个操作，直接调用相关的方法实现效果就行，他那个里面存在链式语法，这个和jQuery的链式调用差不多，简单易读。
2. 对于大量的数据展示并且对于用户交互场景没什么要求，就只是展示数据，那我建议使用echarts，如果使用d3的话展示的每一个数据都是一个标签，那么当数据发生改变的时候这时候图表会重新渲染，会不停的操作dom，操作dom是很耗费性能的。
3. 从兼容性方面考虑：echarts兼容到IE6及以上的所有主流浏览器，而d3兼容IE9及以上以及所有的主流浏览器，如果项目考虑兼容IE6，建议使用echarts。