教程演示🔗

你将会学到的

  • 从头开始学习 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 图表的开发人员

课程描述

发表回复

后才能评论

尊敬的用户,您好!由于部分培训机构和留学生的举报,近期导致网站大量链接暂时失效。对此给您带来的不便,我们深表歉意。任何链接失效的资源,欢迎您添加侧边栏二维码随时反馈,我们将在48小时内为您提供新的网盘链接。如果您对此不便感到不满,您也可在48小时内申请无理由退款。感谢您的理解与支持!

Windows播放器推荐:Potplayer Potplayer 是免费的 Windows 播放器,支持双字幕和自动翻译功能。以下是操作指南: 挂载字幕 加载中文字幕:右击选择 字幕 -> 字幕设置,取消“只匹配文件名字幕”选项。可调整字幕颜色、位置和大小。 双字幕设置:右击 字幕 -> 选择字幕 -> 次字幕输出,设置主字幕和次字幕。 自动翻译 若可访问 Google 翻译服务,选择 字幕 -> 实时字幕翻译,勾选 总是使用 和 Google Translate,即可实时翻译英文字幕。 Potplayer 让观看更智能,学习体验升级。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可联络站长解决。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源