|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/build-data-uis-with-d3-firebase/
课程评论:没有评论
课程名称:使用 D3.js 和 Firebase 构建数据可视化 课程概述: 本课程将教授如何利用 D3.js 这个强大的 JavaScript 库轻松创建精美的数据可视化图表。您将学习 D3 的核心概念,包括选择元素(select)、修改 SVG 属性与样式、比例尺(scales)、坐标轴(axes)、过渡动画(transitions)、层级数据(hierarchical data)等,从而创建出各种数据驱动的可视化,如柱状图、饼图、折线图、气泡图和树状图。 此外,课程还将介绍如何使用 Firebase Firestore,一个实时 NoSQL 数据库,为 D3.js 图表提供实时数据更新,实现无需刷新浏览器即可动态响应数据变化,并增强图表的可交互性和趣味性。 课程将通过三个实践项目来巩固所学技能: 1. **Ninja Wonga**:一个财务规划工具。 2. **The Dojo**:一个健身追踪器。 3. **Ninja Corp**:一个公司员工树状图。 讲师以“Net Ninja”的身份在 YouTube 上拥有超过 20 万订阅者和近 1000 个免费开发教程,鼓励学员在购买课程前先了解其教学风格。
Learn how to create great-looking data visualizations with D3.jsD3.js is a powerful JavaScript library used to create data visualizations easily. In this course I'll teach you how to harness the power of D3 to create a variety of different data-driven visualizations such as bar charts, pie charts, line graphs, bubble packs and tree diagrams.We'll learn about D3 select, changing SVG attributes & styles, scales, axes, transitions, hierarchial data and much more...Use Firebase Firestore to update your D3.js diagrams in real-timeI'll also teach you how to use Firestore (from Google Firebase) - a real-time NoSQL database in which we can store our data. We'll use this to power our D3.js visualizations in real-time (without updating the browser) and to make them interactive, fun & dynamic.We'll also be creating 3 projects to put our D3 & Firebase skills to the test - first of all a money planner called Ninja Wonga, then a fitness tracker called The Dojo and finally a company employee tree diagram called Ninja Corp....Why all the ninjas?I'm also known as the Net Ninja on YouTube, with over 200,000 subscribers and nearly 1000 free development tutorials. Feel free to check out my teaching style there before you a buy my course:).