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, Type Script 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 Java Script.Inhaltsverzeichnis
1. Setting Our Technology Stack.- 2. Graphics and Interactions.- 3. Basic Charts: Part 1.- 4. Basic Charts: Part 2.- 5. Integrating State Management.- 6. World Chart: Part 1.- 7. World Chart: Part 2.- 8. Force Charts: Part 1.- 9. Force Charts: Part 2.- 10. Integrating Popular Chart Libraries Built on D3.- 11. Performance Knick-Knacks.- 12. Publishing Your React d3 App.