Description
Integrating D3.js with React, 1st ed.
Learn to Bring Data Visualization to Life
Author: Elrom Elad
Language: EnglishKeywords
React; ReactJS; web framework; D3; D3.js; charting; web charting; line chart; histogram; world map; force chart
365 p. · 17.8x25.4 cm · Paperback
Description
/li>Contents
/li>Biography
/li>Comment
/li>
Seasoned author Elad Elrom will show you how to create simple charts such as line, bar, donut, scatter, histogram and others, and advanced charts such as a world map and force charts. You'll also learn to share the data across your components and charts using React Recoil state management. Then integrate third-party chart libraries that are built on D3 such as Rechart, Visx, Nivo, React-vi, and Victory and in the end deploy your chart as a server or 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.
What You'll Learn
- Set up your project with React, TypeScript and D3.js
- Create simple and advanced D3.js charts
- Work with complex charts such as world and force charts
- Integrate D3 data with React state management
- Improve the performance of your D3 components
- Deploy as a server or serverless app and debug test
Who This Book Is For
Readers that already have basic knowledge of React, HTML, CSS and JavaScript.Integrating D3.js with React
1. Setting Our Technology Stack
2. Graphics and Interactions3. Basic Charts: Part 1
4. Basic Charts: Part 2
5. Integrating State Management
6. World Chart: Part 1
8. Force Charts: Part 1
10. Integrating Popular Chart Libraries Built on D3
11. Performance Knick-Knacks12. Publishing Your React d3 App
Teaches you to integrate D3.js with React state management
Covers simple and advanced charts including world map and force charts
Learn to integrate third-party charting libraries including Visx, Nivo, React-vi, and Victory