Data Visualization in JavaScript with React and D3.js
Loại khoá học: Other IT & Software
Build beautiful data visualizations and visualization tools with JavaScript
Mô tả
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:
Introduction
Why learn React and D3
Part 1: D3 basics review
Binding data to the Document-Object Model (DOM) using D3
Adding data and styling it in D3
Part 2: A declarative approach to integrating React and D3
Translating D3 syntax into JSX
Pros and cons of this approach
Part 3: A hybrid approach to React and D3
Learn how to balance D3's built-in transition capabilities and DOM updates and React's render cycle
Build a fully functioning scatterplot that updates with new data
Part 4: Practical project - Gapminder scatterplot
Build a fully interactive data visualization of the popular gapminder dataset
Add user-defined filters and other controls
Bring all your knowledge together to create a fully immersive chart similar to what you would create for a business use case or publication
Bạn sẽ học được gì
Gain proficiency with two of the premier javascript libraries for data visualization
Understand the challenges of integrating React and D3 and how to overcome c
Build a fully interactive data visualization in D3 and React
Understand how to add fluid transitions and animations to charts
Yêu cầu
- Basic knowledge of html, css, and javascript. Some basic experience or exposure with d3 and React.
Nội dung khoá học
Viết Bình Luận
Khoá học liên quan
Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!
Get khoá học giá rẻ ngay trước khi bị fix.
Đánh giá của học viên
Bình luận khách hàng