【Udemy中英字幕】Build Data Visualizations with D3.js & Firebase

使用 D3.js 和 Firebase 构建数据可视化

了解如何使用 D3 (v5) 和 Firebase (Firestore) 创建动态 SVG 数据可视化。条形图、饼图…

讲师：The Net Ninja (Shaun Pelling)

双语IT资源独家Udemy付费课程，独家中英文字幕，配套资料齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

你会学到什么

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

要求

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

描述

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

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

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

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

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

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

…为什么所有的忍者？

我在 YouTube 上也被称为网络忍者，拥有超过 200,000 名订阅者和近 1000 个免费开发教程。在购买我的课程之前，请随时查看我的教学风格 :)。

本课程适合谁：

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