2022版基于D3.js(V5)和Firebase数据可视化构建实战训练视频教程

欢迎学习《2022版基于D3.js(V5)和Firebase数据可视化构建实战训练视频教程》课程，你将学习了解如何使用 D3 (v5) 和Firebase (Firestore) 创建动态 SVG 数据可视化。条形图、饼图……

MP4 | 视频：h264, 1280×720 | 音频：AAC，44.1 KHz
语言：英语 | 大小：2.34 GB | 时长：10h 23m

你会学到什么

• 从头开始学习 D3 JS 和Firebase (Firestore)
• 使用 D3 JS 创建数据驱动的可视化（图形、图表、图表）
• 在名为 Firestore（来自 Firebase）的实时数据库中存储（和检索）数据
• 使用 Firestore 实时更新数据可视化
• 使用 D3 和 Firebase (Firestore) 创建 3 个项目

要求

• 基本到中等水平的 JavaScript
• 基本到中等水平的 HTML
• 基本到中等水平的 CSS

描述

了解如何使用 D3.js 创建美观的数据可视化

D3.js 是一个强大的 JavaScript 库，用于轻松创建数据可视化。在本课程中，我将教您如何利用 D3 的强大功能创建各种不同的数据驱动可视化，例如条形图、饼图、折线图、气泡包和树形图。

我们将了解 D3 选择、更改 SVG 属性和样式、比例、轴、过渡、层次数据等等……

使用 Firebase Firestore 实时更新您的 D3.js 图表

我还将教你如何使用 Firestore（来自 Google Firebase）——一个实时的NoSQL数据库，我们可以在其中存储我们的数据。我们将使用它来实时支持我们的 D3.js 可视化（无需更新浏览器）并使它们具有交互性、趣味性和动态性。

我们还将创建 3 个项目来测试我们的 D3 和 Firebase 技能——首先是一个名为 Ninja Wonga 的理财规划器，然后是一个名为 The Dojo 的健身追踪器，最后是一个名为 Ninja Corp 的公司员工树图。

本课程适用于谁

• 希望使用 JavaScript 构建数据驱动的 UI 图表的开发人员
• 想要学习 d3 和 firebase 的开发人员
• 想要了解数据可视化的开发人员
• 想要使用 d3 创建 SVG 图表的开发人员
• 想要使用 firebase 来驱动他们的 d3 图的开发人员