Logo
☆☆☆☆☆
0.0
Beginner
4h

使用 D3.js 进行数据可视化入门

本课程将带你学习 D3.js(全称 Data-Driven Documents)的基础知识,D3.js 是一个主要用于数据可视化的 JavaScript 库。 课程前半部分将涵盖 DOM(文档对象模型)操作、方法链式调用、数据绑定以及数据加载等内容。 课程后半部分将深入讲解可视化概念,并重点学习 SVG 技术,用于绘制各种几何图形。随后,你将使用多种地图和图表来展示数据。最后,你将学习如何通过节点和连接线实现网络图的可视化。 完成本课程后,你将掌握一个强大而实用的数据可视化工具库。

7 Lessons
Included in Subscription Plan
Personalized Learning
Powered by AI
使用 D3.js 进行数据可视化入门
本课程将带你学习 D3.js(全称 Data-Driven Documents)的基础知识,D3.js 是一个主要用于数据可视化的 JavaScript 库。 课程前半部分将涵盖 DOM(文档对象模型)操作、方法链式调用、数据绑定以及数据加载等内容。 课程后半部分将深入讲解可视化概念,并重点学习...

WHAT YOU'LL LEARN

理解 D3 的基本原理

Content

7 Lessons • 0 Quizzes • 0 Challenges

简介
  1. 1

    谁应该参加这门课程,以及原因是什么?

  2. 2

    数据可视化入门

  3. 3

    D3.js 简介

  4. 4

    D3.js 入门测验

D3.js 基础知识
  1. 1

    D3 选择

  2. 2

    操作DOM元素

  3. 3

    方法链式调用

  4. 4

    数据连接/绑定

  5. 5

    挑战:添加 HTML 标签并绑定数据

  6. 6

    解决方案回顾:添加 HTML 标签并绑定数据

  7. 7

    D3.js 基础知识测验

比例尺
  1. 1

    线性尺度

  2. 2

    对数尺度

  3. 3

    夹紧函数

  4. 4

    scaleQuantize

  5. 5

    序数尺度

  6. 6

    挑战:制作一个比例尺

  7. 7

    解决方案回顾:制作一个比例尺

  8. 8

    关于比例尺的测验

绘制基本形状
  1. 1

    SVG 简介

  2. 2

    使用 D3.js 的 SVG

  3. 3

    绘制一个矩形

  4. 4

    画一个圆

  5. 5

    转换

  6. 6

    过渡

  7. 7

    挑战:下落的圆圈

  8. 8

    解决方案回顾:下落的圆圈

  9. 9

    绘制基本图形测验

图表基础
  1. 1

    图表设计原则

  2. 2

    轴

  3. 3

    标签

  4. 4

    边距

  5. 5

    路径与线条生成器

  6. 6

    折线图

  7. 7

    绘制弧线

  8. 8

    角度生成器

  9. 9

    绘制饼图

  10. 10

    面积图

  11. 11

    堆叠面积图

  12. 12

    柱状图

  13. 13

    挑战:绘制一个环形图

  14. 14

    解决方案回顾:绘制一个甜甜圈图

  15. 15

    图表基础测验

网络可视化、层次数据与交互性
  1. 1

    节点与链接简介

  2. 2

    绘制网络

  3. 3

    层次化数据简介

  4. 4

    绘制树状图

  5. 5

    交互性入门

  6. 6

    提示工具

  7. 7

    挑战:为树状图添加提示信息

  8. 8

    解决方案回顾:为树状图添加提示信息

  9. 9

    测验:网络可视化、层次数据与交互性

结论
  1. 1

    总结

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:Anonymous User

Reviews

Read reviews from students who have taken this course and share your own experience.

Reviews & Comments (0)