D3是什么

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

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

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

学习 D3 需要什么预备知识

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

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

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

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

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

D3 的学习曲线

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

如果让你自己从头写一个图表的话,你大概会感到不安和紧张:

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

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

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

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

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

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

echarts使用_做数据可视化,为什么我们不再直接使用D3.js、Echarts相关推荐

  1. hbase可视化工具_做数据可视化,三大热门BI工具试用总结

    什么BI分析工具好用?今天通过3款BI产品Power BI.FineBI.亿信ABI为范例,进行对比分析. 一.产品背景 Power BI是微软的,14年15年开始初见苗头,之前主要是基于Excel的 ...

  2. python代码示例图形-纯干货:手把手教你用Python做数据可视化(附代码)

    原标题:纯干货:手把手教你用Python做数据可视化(附代码) 导读:制作提供信息的可视化(有时称为绘图)是数据分析中的最重要任务之一.可视化可能是探索过程的一部分,例如,帮助识别异常值或所需的数据转 ...

  3. python画图代码大全-纯干货:手把手教你用Python做数据可视化(附代码)

    原标题:纯干货:手把手教你用Python做数据可视化(附代码) 导读:制作提供信息的可视化(有时称为绘图)是数据分析中的最重要任务之一.可视化可能是探索过程的一部分,例如,帮助识别异常值或所需的数据转 ...

  4. 使用python采集某二手房源数据并做数据可视化展示(含完整源代码)

    本次目的: python采集链家二手房源数据并做数据可视化展示 亮点: 系统分析网页性质 结构化的数据解析 csv数据保存 环境介绍: python 3.8 解释器 pycharm 专业版2021.2 ...

  5. 基于hadoop和echarts的教育大数据可视化系统 毕设完整的代码+数据集

    一.摘 要 在线教育平台现在是教育体系的重要组成部分,在当前大数据时代的背景下,促进教育机构建立统一平台.统一资源管理的数字化教学系统.如何评估系统平台的健康程度.学生的学习体验和在线课程的质量对于课 ...

  6. 【云周刊】第127期:数据可视化最强CP登场!DataV接入ECharts图表库

    原文链接 本期头条 DataV接入ECharts图表库 可视化利器强强联手 DataV 数据可视化是搭建每年天猫双十一作战大屏的幕后功臣,ECharts 是广受数据可视化从业者推崇的开源图表库.从今天 ...

  7. 基于JavaScript+Koa2实现 Echarts 电商平台数据可视化大屏全栈【100010415】

    全新 Echarts 电商平台数据可视化大屏全栈 1. 前言 五一假期重学了新版 Echarts,一个基于 JavaScript 的开源可视化图表库,收集参考了很多网上资料,最终选择电商平台作为练手项 ...

  8. python导出数据顿号做分隔符_Python语言和matplotlib库做数据可视化分析

    这是我的第51篇原创文章,关于数据可视化分析. 阅读完本文,你可以知道: 1 Python语言的可视化库-matplotlib? 2 使用matplotlib实现常用的可视化? 0前言 数据记者和信息 ...

  9. 别用Excel做数据可视化了!这款报表工具不比它香100倍?

    昨天朋友聚餐,做报表的张哥在饭桌上吐槽,说现在的报表工程师太难了,不仅要会敲代码,还要会做视觉设计. 我们感到很纳闷,为什么? 他说没想到公司里上司和同事们都是"颜控",对报表也有 ...

  10. echart雷达图文字挤在一起_【数据可视化·图表篇】雷达图

    数据可视化基础图表系列的最后一篇终于跟大家见面了!今天小数将带大家走进雷达图. (之前关于柱状图.折线图.饼图和散点图的分享文章,感兴趣的小伙伴可以查看历史文章哦) 为方便大家理解,本文生成图表所使用 ...

最新文章

  1. 为什么鲜有炫富的程序员?看看中国各阶级收入统计表
  2. linux 使用nginx 权限不够,对于nginx和Linux,有一些关于权限的问题。
  3. sql in转换为join_同一个SQL语句,为啥性能差异咋就这么大呢?(1分钟系列)
  4. js函数、作用域和闭包
  5. VMware player桥接模式不能联网的解决方法
  6. Lync 客户端功能对比之IM功能
  7. CCPC-Wannafly Winter Camp Day3 (Div2, onsite) I 石头剪刀布(按秩合并并查集)
  8. 从网页监听Android设备的返回键
  9. 【服务器正在运行中】以及【切换到】等错误问题的解决
  10. 【生信】统计学基础知识
  11. matlabGUI入门
  12. 正则表达式 边界符 量词符 敏感词替换
  13. 浩辰CAD机械 2021,正式发布!
  14. 刷子 撸一撸手头的几把刷
  15. 使用python将任意张图片拼接成多张大图
  16. 详解163、CN2-GT和CN2-GIA的区别
  17. 20元一支的洗面奶,7天卖了上万,他们是如何做到的?
  18. python解析pdf,读取文字,可识别两栏pdf等
  19. java读取zip文件损坏_java – 如何检查生成的zip文件是否损坏?
  20. PTA L1-006 连续因子(详解)

热门文章

  1. java poi 读取Excel中的手机号
  2. OpenGLES.gpus_ReturnNotPermittedKillClient
  3. jquery和prototype冲突解决
  4. 桌面养花-DesktopPlant v2.3.12原创汉化版
  5. 从企业角度看:网站设计的关键是了解与沟通
  6. 直观而简单的解决方案--软件设计的永恒追求
  7. 118、杨辉三角(python)
  8. 爬虫笔记_1、爬虫的五个步骤及举例
  9. ios+android+内存管理,iOS内存管理
  10. linux运行jar包依赖,linux怎么打jar包