Learning Data Visualization with D3.js 中文字幕
使用D3.js学习数据可视化 中文字幕Learning Data Visualization with D3.js
创建数据驱动的可视化和信息图形在多个设备上运行是一项艰巨的挑战
D3.js库通过更容易地解析数据并添加有意义的交互性,彻底改变了可视化
您可以使用D3,一些HTML,CSS和JavaScript以及一些SVG图形将您的数据变为现实
在本课程中,高级职员作者Ray Villalobos探索D3库的工作原理,以及如何使用它来解析来自不同来源的数据,并创建交互式,视觉上令人兴奋的图表和可视化
他在继续使用SVG图形(D3可视化中的图形的首选)之前,先回顾了基本知识 - 使用jQuery-esque选择控制HTML并通过CSS修改属性
他还介绍了如何使用D3缩放,事件,转换和动画等方法,以及如何使用数据,包括连接到外部数据源
主题包括:
什么是D3.js?
控制选择内的HTML
将数据绑定到DOM
用D3绘制SVG图形
使用序数标度
添加事件和转换
使用数据
- [Ray]嗨,那是Ray Villalobos,高级职员作家,在本课程中,我将向您介绍D3框架的基本组件。
我们将通过逐步构建图表来完成此任务。
我们将首先了解D3是什么,并学习如何选择和操作常规的HTML DOM元素。
然后,我们将快速介绍SVG,以便您了解D3如何使用可缩放矢量图形创建元素。
一旦我们经历了这些,我们将会深入到D3用来创建信息流的基础知识。
D3中有很多类型的尺度,我们将涵盖线性,序数以及时基尺度。
我们还将学习如何添加事件,以便我们的比例尺可以响应常规DOM事件以及如何动画SVG图形以获得更加戏剧化的效果。
最后,我会告诉你用D3导入数据是多么容易。
我们将创建一个条形图来跟踪一段时间内的温度。
有很多东西需要学习,但这就是为什么你在这里,所以让我们开始吧。
本课程视频下载地址:使用D3.js学习数据可视化