Data Visualization with React and D3
Published 4/2023
Created by Caleb Diehl
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English | Duration: 29 Lectures ( 3h 2m ) | Size: 1.3 GB
Build beautiful and engaging interactive graphics using modern code and tools
Free Download What you'll learn
Gain proficiency with two of the premier jаvascript 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
Requirements
Basic knowledge of html, css, and jаvascript. Some basic experience or exposure with d3 and React.
Description
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 course gets you up and running quickly with a flexible and highly customizable method for building interactive visualizations. After this course, you'll be able to produce custom 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 jаvascript libraries mentioned in job postings. The course focuses on practical experience and examples, drawing on the author's experience to show you the tradeoffs of various methods of combining these powerful tools. 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, so a little independent study and a grasp of basic jаvascript 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
Who this course is for
Students learning software development who want to gain experience with data visualization
Data analysts or data scientists looking for more engaging and intuitive ways to present their work to general audiences
Journalists or others using data for storytelling and audience engagement
Homepage
https://www.udemy.com/course/data-visualization-react-d3/Links are Interchangeable - Single Extraction
