[udemy] 学习和理解用于数据可视化的 D3.js | Learn and Understand D3.js for Data Visualization

学习和理解用于数据可视化的 D3.js

Learn and Understand D3.js for Data Visualization

深入了解 D3.js。使用 D3 版本 7 学习核心概念并构建令人惊叹的数据可视化

您将学到什么

使用 D3 和 SVG 创建令人惊叹的数据可视化
了解使用 D3 操作 DOM 的选择
了解布局以构建各种图表和图形
为您的图形添加过渡和动画以获得更有趣的用户体验
使用比例来帮助您制作视觉效果在任何浏览器或设备上工作。
了解 D3 中的输入和存在模式
创建响应式图表和图形
要求
对 HTML、CSS 和 JavaScript 有基本的了解
选择的文本编辑器
了解 SVG 将是有益的，但不是必需的。

描述

*** 本课程已更新为使用最新版本的 D3 – 版本 7.x ****您好！欢迎来到 D3.js 开发课程。这是D3周边最全面、最有效的课程。这是您学习 D3 所需的唯一课程。本课程的目标不仅仅是教你 D3 (v7.x)，而是帮助你理解 D3。D3 是一个 JavaScript 库，可让您轻松构建数据可视化。该库绝对庞大，您可以创建任何可以想象的数据可视化。拥有如此庞大的库，可能很难掌握很多概念。在本课程结束时，您将能够非常轻松地使用 D3 并构建出色的可视化。这只是您可以期望学习的一些内容。了解用于选择和操作文档上的元素的 D3 选择。获得 SVG 的基本概述。这是课程跳过的内容。通过拥有扎实的 SVG 基础，您可以为可视化做出更优化的决策。了解通过将数据转换为可用于正确显示数据的值来帮助您的尺度。在本课程中，我们将学习线性、量化、分位数、阈值、对数、颜色和许多其他尺度。构建各种图形，如条形图、饼图、散点图、直方图、折线图等更多！为您的图表添加交互性和动画，使它们更有趣，更吸引用户。构建响应式图表。只需几个简单的技巧，您的可视化效果就可以在任何设备上运行。本课程侧重于 D3 的最新版本。（版本 7.x）这只是将要介绍的一些主题。

概述

第 1 部分：概述

第1讲概述

第2讲准备本地服务器

第 3 讲 理解 D3 和数据可视化

第 2 节：理解 SVG

第 4 讲 什么是 SVG？

第 5 讲 创建 SVG 图像

第 6 讲基本 SVG 形状

第 7 讲 SVG 路径

第 3 部分：基础知识

第8讲添加D3

第 9 讲 D3 包

第10讲选集

第11讲附加元素

第12讲转换方法

第13讲类和风格

第14讲 加入数据

第 15 讲 Enter 选择

第16讲 退出选择

第 17 讲 显示数据

第18讲 进入、更新和退出

第19讲更新模式

第 20 讲 JSON 请求

第 21 讲 CSV 请求

第 4 部分：绘制散点图

第22讲 第一步

第 23 课 绘制图像

第24讲添加边距

第25讲存取函数

第26讲理解音阶

第27讲写作量表

第 28 课 将比例应用于可视化

第29讲炼化天平

第 30 讲 添加轴

第31课 细化x轴

第32讲 y轴

第33讲翻转y轴

第34讲细化轴刻度

第35讲总结

第 5 部分：秤

第36讲连续与离散

第 37 课 scaleLinear() 比例尺

第38课 热图简介

第39课 绘制热图

第 40 讲具有线性刻度的颜色

第 41 课 scaleQuantize() 标度

第 42 课 scaleQuantile() 刻度

第 43 课 scaleThreshold() 标度

第44课量化vs.分位数vs.阈值v

第45讲色标

第46讲理解对数刻度

第 47 课 scaleLog() 标度

第48讲总结

第 6 部分：动画和交互性

第49课动画和交互性介绍

第50讲 什么是直方图？

第51课准备直方图

第52课 理解问题

第53课 创建垃圾箱

第54讲 直方图收尾

第 55 讲 用事件改变指标

第56课 更新图表

第57课 过渡

第58课 理解问题

第59课 修正过渡

第60课修复退出转换

第61课调整条和标签

第62课 添加均值

第63课添加工具提示

第64讲鼠标事件

第65课 格式化

第66课 理解Voronoi图

第67课 创建Voronoi图

第68课固定Voronoi图

第 7 节：更多图表！

第69课 更多图表

第70课准备折线图

第71讲时间尺度和解析

第 72 讲 线发生器

第73课添加轴

第74课准备工具提示

第75课 理解平分线

第76课 自定义平分线

第77课完成工具提示

第78讲饼图入门

第79课 画弧线

第80课 理解序数音阶

第81课 使用序数音阶

第82课 添加标签

第83课固定饼图

第84课准备堆积条形图

第85课 堆栈函数

第 86 讲带音阶

第87课 绘制堆叠的条形图

第88课 画轴

第89讲 收尾工作

第 8 节：结论

第90讲 素描

第91课 响应式图表

第92课 结论

希望通过数据可视化讲述故事的记者。,希望将自己的技能和利润提升到一个新水平的开发人员。,任何真正想了解 D3 核心并创建数据可视化的人。,任何对数据可视化不熟悉并愿意想知道项目的最佳实践和方法。,任何想了解更高级主题以成为更好的开发人员的人。