|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/integrating-d3js-with-react/
课程评论：没有评论
**课程名称：** 将 D3.js 与 React 集成 **课程概述：** 本课程旨在教授学员如何在 React TypeScript 项目中集成 D3.js，并创建能够与 React 协同工作的图表组件。通过学习，您将掌握如何利用 D3.js 和 React 共同实现数据可视化，为您的图表注入活力。 **您将学习：** * **项目设置：** 学习如何搭建一个包含 React、TypeScript 和 D3.js 的项目环境。 * **图表创建：** 掌握创建各种简单（如折线图、柱状图、环形图、散点图、直方图等）和复杂（如世界地图、力导向图等）D3.js 图表的方法。 * **数据管理：** 学习如何使用 React Recoil 状态管理库在不同组件和图表间共享数据。 * **性能优化：** 了解如何提升 D3 组件的性能。 * **第三方库集成：** 学习如何集成基于 D3 的流行第三方图表库，如 Visx、Nivo、React-vi 和 Victory。 * **部署与调试：** 掌握如何将您的图表作为无服务器应用程序进行部署，并进行调试和测试。 **课程目标：** 本课程将帮助您将 React 和 D3.js 这两个在各自领域内备受欢迎的框架结合起来，从而将您的数据叙事能力提升到新的水平。 **目标学员：** 本课程适合已经具备 React、HTML、CSS 和 JavaScript 基础知识的学习者。
Learn to integrate D3.js into a React TypeScript project and create a charts component working in harmony with React. Understand how you can utilize D3 with React to bring life to your charts.Using this course, you will create simple charts such as line, bar, donut, scatter, histogram, and others, and advanced charts such as a world map and force charts. You will learn to share the data across your components and charts using React Recoil state management, and understand how to integrate third-party chart libraries that are built on D3 such as Visx, Nivo, React-vi, and Victory. Lastly, you will learn how to deploy your chart as a serverless app on popular platforms.React and D3 are two of the most popular frameworks in their respective areas - learn to bring them together and take your storytelling to the next level.YOU WILL:· Learn to set up your project with React, TypeScript, and D3.js· Learn how to create simple and advanced D3.js charts· Learn to work with complex charts such as world and force charts· Integrate D3 data with React state management· Learn to improve the performance of your D3 components· Learn how to integrate popular React charts built on D3· Learn how to deploy as a serverless app and debug testThis course is intended for readers that already have basic knowledge of React, HTML, CSS, and JavaScript.
