Integrating D3.js with React, 1st ed. Learn to Bring Data Visualization to Life
Auteur : Elrom Elad
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.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.
Date de parution : 06-2021
Ouvrage de 365 p.
17.8x25.4 cm
Mots-clés :
React; ReactJS; web framework; D3; D3.js; charting; web charting; line chart; histogram; world map; force chart