欢迎光临
我们一直在努力

数据可视化 | 部分数据可视化解决方案

canvas

canvas是HTML5的新特性,可以通过JavaScript在canvas元素上绘制图案。

  • 编写canvas标签并指定宽高
  • 获取canvas DOM对象
  • 获取Canvas对象
  • 设置绘图属性
  • 调用API

svg

SVG 是一种基于XML的图像文件格式,可以用于绘制矢量图形。

  • 编写svg标签并指定宽高
  • 编写sbg绘图标签
  • 编写绘图属性和样式

WebGL

WebGL(Web Graphics Library)是一种 3D 绘图协议,WebGL可以为 HTML5 Canvas 提供硬件3D加速渲染,这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示 3D 场景和模型了,还能创建复杂的导航和数据视觉化。

zrender

zrender 是二维绘图引擎,它提供 Canvas、SVG、VML 等多种渲染方式。ZRender 也是 ECharts 的渲染器。

  • 引入zrender库
  • 编写div容器
  • 初始化zrender对象
  • 初始化zrender绘图对象
  • 调用zrender add方法绘图

D3

D3(Data-Driven Documents) 是一个 Javascript 图形库,基于 Canvas、Svg 和 HTML。

Three.js

Three.js 是一个基于 WebGL 的 Javascript 3D 图形库。

Highcharts

Highcharts 是一个用纯 JavaScript 编写的一个图表库, 能够很简单便捷的在 Web 网站或是 Web 应用程序添加有交互性的图表,Highcharts 支持的图表类型有直线图、曲线图、区域图、柱状图、饼状图、散状点图、仪表图、气泡图、瀑布流图等多达 20 种图表,其中很多图表可以集成在同一个图形中形成混合图。

AntV

AntV 是蚂蚁金服全新一代数据可视化解决方案,致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。

AntV 包括以下解决方案:

  • G2:可视化引擎
  • G2Plot:图表库
  • G6:图可视化引擎
  • Graphin:基于 G6 的图分析组件
  • F2:移动可视化方案
  • ChartCube:AntV 图表在线制作
  • L7:地理空间数据可视化
赞(1) 打赏
未经允许不得转载:散人研 » 数据可视化 | 部分数据可视化解决方案
分享到: 更多 (0)

评论 抢沙发

9 + 9 =
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏