# e-data-view **Repository Path**: ymcdhr/e-data-view ## Basic Information - **Project Name**: e-data-view - **Description**: e-data-view - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2021-08-06 - **Last Updated**: 2021-08-06 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 数据可视化方案底层方案 ![输入图片说明](https://images.gitee.com/uploads/images/2021/0806/201139_6705fbd8_9130428.png "屏幕截图.png") ### 图表库 #### Highcharts #### Echarts #### Antv ### Canvas ### SVG 与 D3.js #### SVG 是什么? 1. SVG矢量图由多个数学公式绘制曲线组成 2. SVG适合色彩比较简单的图像 3. Canvas基于像素,放大的时候会失真;SVG不会失真! #### SVG 的基本图像绘制 ``` svg绘制图形 绘制文字 ``` #### D3.js 常用的组件库 1. D3.js 的特点:基于 SVG 和 Canvas - [c3js](https://c3js.org/) - [NVD3.js]() - [rickshaw]() - [dc.js]() - [metricsgraphicsjs]() - [plotly.js]() ### WebGL 与 ThreeJS #### WebGL 的基本使用 1. WebGL 的特点:将JS于OpneGL ES2结合操作显卡 2. ThreeJS是JS库,有很多3D显示的库 #### ThreeJS 的渲染过程 1. 渲染过程 ![输入图片说明](https://images.gitee.com/uploads/images/2021/0806/204922_243cad7c_9130428.png "屏幕截图.png") 2. 相机 ![输入图片说明](https://images.gitee.com/uploads/images/2021/0806/205031_8ae4dfde_9130428.png "屏幕截图.png") ![输入图片说明](https://images.gitee.com/uploads/images/2021/0806/205040_8d5f06b7_9130428.png "屏幕截图.png")