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

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

讲师:The Net Ninja (Shaun Pelling)

口袋资源独家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 图表的开发人员

发表回复

后才能评论

  • 每一个课程页面,都有演示地址选项,点击链接可以跳转到课程发布网站查看详细课程列表。
  • 绝大部分课程都有试看内容,可以先点击试看,再决定是否购买。
  • 本站课程均存储在阿里云盘或百度网盘中,由于阿里云盘对分享的文件类型有限制,所以课程资料和字幕会存储到蓝奏云盘中。
  • 阿里云盘和蓝奏云盘都是不限速下载的,你既可以选择在阿里云盘中在线学习,也可以选择下载到本地学习。
  • 课程下载到本地可以挂载中英文双字幕,请点击查看Potplayer挂载中英文双字幕教程
  • 本站所有课程,均提供mp4格式视频文件,中英文双字幕,配套资料齐全,不加密。
  • 每一个课程右侧下载面板中,都会有清晰度标识,大部分都是1080P或者720P,还有少数是超高清的。
  • 本站课程购买之后,均可以免费更新,所有课程,皆配有中文字幕。
  • 请注意,课程的中文字幕是根据英文字幕用谷歌翻译生成的,本非人工翻译。谷歌翻译准确度尚可,学习观看,没有问题。
  • 由于数字资源具有可复制性,一旦购买,不接受退款要求,请在购买之前,认真了解课程内容,确定是否需要。
  • 当然,如果有特殊情况,可以查看网站底部联系方式,联系站长说明问题,我会为你妥善处理。
  • 赞助本站VIP会员,可以免费下载所有课程,详情请查看VIP介绍