教程演示🔗
你将会学到的
-
从头开始学习 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 图表的开发人员
课程描述
声明:本站所有文章,如无特殊说明或标注,均为本站发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。