作数据可视化,为何咱们再也不直接使用D3.js、Echarts

D3是什么数据库

全称是(Data-Driven Documents),一个被数据驱动的文档函数

简单点,是一个JavaScript函数库,使用它主要用来作数据可视化。布局

D3 是一个开源项目,做者是纽约时报的工程师。学习

学习 D3 须要什么预备知识大数据

HTML:超文本标记语言,用于设定网页的内容编码

CSS:层叠样式表,用于设定网页的样式对象

JavaScript:一种直译式脚本语言,用于设定网页的行为blog

DOM:文档对象模型,用于修改文档的内容和结构ip

SVG:可缩放矢量图形,用于绘制可视化的图形文档

D3 的学习曲线

过去几年我一直在使用 D3,并用它绘制了各类各样的图形曲线。然而一个问题就是,虽然我理解关于 D3 的基本概念,但我仍是难以作到轻车熟路,我身边的同事跟我也是一样的感觉。和大多数人同样,许多时候,咱们都是从网上找到一个示例,而后将它修改成实际工程中所须要的。

若是让你本身从头写一个图表的话,你大概会感到不安和紧张:


 


 

在我看来,D3.js提供了强大的可视化组件能力,可是对于通常人来说学习曲线也有所拔高,想深刻玩转D3.js还须要各位同窗有比较深厚的基本功才行。

咱们都知道,向之前画桑基图,层级TreeMap,旭日图,双向对比图等等,首先从数据库中取出数据,再将数据组织成图形所支持的格式就很是费劲,再加上须要编写大量的代码来实现组件的渲染。

不过作数据可视化有了更好的解决办法,NBI一站式大数据可视化分析平台(nbi.easydatavis.com:8033)深度集成了D3.js,Echarts,通过对它们的二次封装,使得在平台上能够实现零编码、拖拽式便可实现数据可视化的能力。

NBI大数据可视化构建平台:丰富的组件库,自由灵活的布局模式,拖拽操做


经过组件的智能提示,拖拽对应的维度或字标到对应栏目中便可实现可视化,无需编码,无需计算,经过右侧属性配置,让图形看起来更加美观。

几分钟便可完成数据报告的制做,保存后能够全网查看,方便分享,NBI大数据可视化的出现大大简化了数据可视化的投入成本。