|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/data-visualization-react-d3/
课程评论:没有评论
课程名称:使用JavaScript、React和D3.js进行数据可视化 课程概述:数据可视化是一门结合科学与艺术的技能,在数据科学和软件行业中需求极高。本课程由一位全职数据可视化开发者授课,迅速为您提供构建交互式可视化和数据讲述所需的灵活且高度可定制的方法。完成本教程后,您将能够使用自己的图形风格制作美观且响应迅速的数据可视化。课程包括最新版本的React(v17)和D3.js(v7),这两种现代JavaScript库在职位招聘中受到广泛提及。课程强调通过实践经验和实例学习JavaScript,讲师将分享这些强大工具结合使用的各种方法的权衡。如果您希望掌握商业智能、构建仪表板或其他可视化工具所需的高需求技能,这门课程将帮助您快速入门,并在就业市场中获得竞争优势。 推荐具备一些使用React和D3分别的基础知识,但课程中会提供简短的复习模块,以及丰富的数据可视化示例,因此只需进行少量独立学习并掌握基本的JavaScript,就足以让您顺利开始。 课程大纲: - 介绍 - 为什么学习React和D3 - 第一部分:D3基础回顾 - 使用D3将数据绑定到文档对象模型(DOM) - 在D3中添加数据并进行样式设置 - 第二部分:集成React和D3的声明式方法 - 将D3语法转换为JSX - 该方法的优缺点 - 第三部分:React和D3的混合方法 - 学习平衡D3的内置过渡能力和DOM更新与React的渲染周期 - 构建一个能够更新新数据的完整散点图 - 第四部分:实用项目 - Gapminder散点图 - 构建一个完全交互的数据可视化,基于流行的Gapminder数据集 - 添加用户定义的过滤器和其他控件 - 综合所学知识,创建一个类似于商业用例或出版物的全浸入式图表
Part science, part art, data visualization is one of the most -in-demand skills in the data science and software industries. Taught by a full-time data visualization developer, this dataviz course gets you up and running quickly with a flexible and highly customizable method for building interactive visualizations and storytelling with data. After this tutorial, you'll be able to produce beautiful data visualizations using your own graphic style that are performant and highly responsive to user input. The stack taught here includes the latest versions of React (v17) and D3.js (v7), two of the most popular modern JavaScript libraries mentioned in job postings. The course focuses on learning JavaScript through practical experience and examples, drawing on the author's experience to show you the tradeoffs of various methods of combining these powerful tools. If you're looking to gain highly in-demand skills for business intelligence, building dashboards, or other visualization tools, this course will get you up and running quickly and give you a competitive edge in the job market.Some prior knowledge of using React and D3 separately is recommended for this course. However, we will cover the necessary topics in brief review modules and provide plenty of data visualization examples, so a little independent study and a grasp of basic JavaScript should be enough to get you started. Course Outline: IntroductionWhy learn React and D3Part 1: D3 basics reviewBinding data to the Document-Object Model (DOM) using D3Adding data and styling it in D3Part 2: A declarative approach to integrating React and D3Translating D3 syntax into JSXPros and cons of this approachPart 3: A hybrid approach to React and D3Learn how to balance D3's built-in transition capabilities and DOM updates and React's render cycleBuild a fully functioning scatterplot that updates with new dataPart 4: Practical project - Gapminder scatterplotBuild a fully interactive data visualization of the popular gapminder datasetAdd user-defined filters and other controlsBring all your knowledge together to create a fully immersive chart similar to what you would create for a business use case or publication