知识图谱-可视化:D3.js【图谱数据可视化组件】
2023-09-27 14:20:37 时间
近年来,可视化越来越流行,许多报刊杂志、门户网站、新闻、媒体都大量使用可视化技术,使得复杂的数据和文字变得十分容易理解,有一句谚语“一张图片价值于一千个字”,的确是名副其实。各种数据可视化工具也如井喷式地发展,D3 正是其中的佼佼者。
D3js是什么
D3 的全称是(Data-Driven Documents),顾名思义可以知道是一个被数据驱动的文档。听名字有点抽象,说简单一点,其实就是一个 JavaScript 的函数库,使用它主要是用来做数据可视化的。可以帮助你使用 HTML, CSS, SVG 以及 Canvas 来展示数据。D3 遵循现有的 Web 标准,可以不需要其他任何框架独立运行在现代浏览器中,它结合强大的可视化组件来驱动 DOM 操作。
JavaScript 文件的后缀名通常为 .js,故 D3 也常使用 D3.js 称呼。D3 提供了各种简单易用的函数,大大简化了 JavaScript 操作数据的难度。由于它本质上是 JavaScript ,所以用 JavaScript 也是可以实现所有功能的,但它能大大减小你的工作量,尤其是在数据可视化方面,D3 已经将生成可视化的复杂步骤精简到了几个简单的函数,你只需要输入几个简单的数据,就能够转换为各种绚丽的图形。有过 JavaScript 基础的朋友一定很容易理解它。
参考资料:
D3js简介
相关文章
- js替换字符串中的数字或非数字
- js将月份转换为英文简写的形式
- 每天记录一点:NetCore获得配置文件 appsettings.json vue-router页面传值及接收值 详解webpack + vue + node 打造单页面(入门篇) 30分钟手把手教你学webpack实战 vue.js+webpack模块管理及组件开发
- 04Vue - Vue.js 入门(用组件构建应用)
- uni-app - 在纯 JS 文件中调用自定义弹框组件 / 封装全局 API 调用弹框组件(解决小程序、APP 无法使用 document.body.appendChild 插入组件节点)适配全端
- JS判断当前页面是在 QQ客户端/微信客户端/iOS浏览器/Android浏览器/PC客户端
- js点击显示隐藏
- 【前端开发】GIS及JS题目
- jquery.qrcode.js 插件生成二维码
- 音乐盒(前端练手项目 html css js)
- vue.js相关UI组件收集
- 使用原生js将轮播图组件化
- js中的DOM操作汇总
- react兄弟组件通信之pubsub-js
- js组件在线编辑器插件、图表库插件、文件树插件
- JS编辑器获取选择内容的HTML多浏览器兼容性写法(支持Chorme、Firefox)
- node.js环境的安装
- vue.js 常用组件库
- JS操作DOM
- Three.js Example 注解 —— canvas_geometry_shapes.html