
- English
- ePUB (mobile friendly)
- Available on iOS & Android
About this book
Integrate D3.js into a React TypeScript project and create a chart component working in harmony with React. This book will show you how utilize D3 with React to bring life to your charts.
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 appand debug test
Who This Book Is For
Readers that already have basic knowledge of React, HTML, CSS and JavaScript.
Frequently asked questions
- Essential is ideal for learners and professionals who enjoy exploring a wide range of subjects. Access the Essential Library with 800,000+ trusted titles and best-sellers across business, personal growth, and the humanities. Includes unlimited reading time and Standard Read Aloud voice.
- Complete: Perfect for advanced learners and researchers needing full, unrestricted access. Unlock 1.4M+ books across hundreds of subjects, including academic and specialized titles. The Complete Plan also includes advanced features like Premium Read Aloud and Research Assistant.
Please note we cannot support devices running on iOS 13 and Android 7 or earlier. Learn more about using the app.
Information
Table of contents
- Cover
- Front Matter
- 1. Setting Up 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 Tips
- 12. Publishing Your React D3 App
- Back Matter